gcg/gcg-website
gcg/gcg-website
1
1
Fork 0
Code Issues 6 Pull Requests Actions Projects 2 Wiki Activity

switch to svg icons

Browse Source
This commit is contained in:
Denys Konovalov
2024-01-20 20:09:43 +01:00
parent af11ad02b7
commit 74687292f7
29 changed files with 102 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
assets/css/style.css
View File

@ -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;
}

11
assets/js/script.js
View File

@ -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
});