switch to svg icons
This commit is contained in:
@ -13,9 +13,7 @@
|
||||
--gcg-color-border: #dee2e6;
|
||||
--gcg-font-primary: "Ubuntu", sans-serif;
|
||||
--gcg-font-header: "Fira Sans", sans-serif;
|
||||
--gcg-font-icon: "Material Design Icons";
|
||||
--gcg-icon-list: "\f0B2A";
|
||||
--gcg-icon-search: "\f0349";
|
||||
--gcg-icon-list: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right-circle" class="hi-svg-inline" fill="rgb(255,188,59)" width="1em" height="1em" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,18L16,12L10,6L8.6,7.4L13.2,12L8.6,16.6L10,18Z" /></svg>');
|
||||
}
|
||||
|
||||
/* typography */
|
||||
@ -298,7 +296,6 @@ textarea.form-control {
|
||||
.content ul li::before {
|
||||
position: absolute;
|
||||
content: var(--gcg-icon-list);
|
||||
font-family: var(--gcg-font-icon);
|
||||
font-size: 14px;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
@ -396,6 +393,7 @@ details[open] summary {
|
||||
}
|
||||
|
||||
.fb-tile-icon {
|
||||
display: flex;
|
||||
font-size: 96px;
|
||||
}
|
||||
|
||||
@ -550,11 +548,9 @@ details[open] summary {
|
||||
background: var(--gcg-color-primary);
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.play-btn i {
|
||||
line-height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.play-btn::before {
|
||||
@ -657,16 +653,6 @@ details[open] summary {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.nav-item .nav-link.nav-search::before {
|
||||
position: relative;
|
||||
content: var(--gcg-icon-search);
|
||||
font-family: var(--gcg-font-icon);
|
||||
font-size: 14px;
|
||||
left: 0;
|
||||
top: 1px;
|
||||
transition: 0.3s ease;
|
||||
}
|
||||
|
||||
.nav-item::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@ -1066,3 +1052,8 @@ link:focus,
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.hi-svg-inline {
|
||||
vertical-align: -0.125rem;
|
||||
}
|
||||
|
||||
|
@ -34,13 +34,6 @@
|
||||
// sticky menu
|
||||
$(window).scroll(adaptHeight);
|
||||
|
||||
// background image
|
||||
$('[data-background]').each(function () {
|
||||
$(this).css({
|
||||
'background-image': 'url(' + $(this).data('background') + ')'
|
||||
});
|
||||
});
|
||||
|
||||
// hero slider
|
||||
$('.hero-slider').slick({
|
||||
autoplay: true,
|
||||
@ -49,8 +42,8 @@
|
||||
pauseOnHover: true,
|
||||
infinite: true,
|
||||
arrows: true,
|
||||
prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'mdi mdi-chevron-left arrowIcon\'></i></button>',
|
||||
nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'mdi mdi-chevron-right arrowIcon\'></i></button>',
|
||||
prevArrow: '<button type=\'button\' class=\'prevArrow\'><svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left" class="arrowIcon" viewBox="0 0 24 24" height="1em" width="1em" fill="currentColor"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg></button>',
|
||||
nextArrow: '<button type=\'button\' class=\'nextArrow\'><svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left" class="arrowIcon" viewBox="0 0 24 24" height="1em" width="1em" fill="currentColor"><path xmlns="http://www.w3.org/2000/svg" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"/></svg></button>',
|
||||
dots: true
|
||||
});
|
||||
|
||||
|
Reference in New Issue
Block a user