Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WIP icons overhaul #274

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

WIP icons overhaul #274

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion bin/leaderboard/leaders.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"data":[{"Position":"1","RoundsPlayed":"4","FirstName":"Rory","LastName":"McIlroy","TotalScoreToPar":"-17","PlayerCountryCode":"NIR","CountryFlag":"//golfdigest.sports.sndimg.com/discovery.divot/images/countryflags/northern-ireland.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-4","HolesPlayed":"F"}]},{"Position":"2","RoundsPlayed":"4","FirstName":"Kurt","LastName":"Kitayama","TotalScoreToPar":"-16","PlayerCountryCode":"USA","CountryFlag":"//golfdigest.sports.sndimg.com/discovery.divot/images/countryflags/united-states-of-america.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-6","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-1","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-4","HolesPlayed":"F"}]},{"Position":"3","RoundsPlayed":"4","FirstName":"Kyoung-Hoon","LastName":"Lee","TotalScoreToPar":"-15","PlayerCountryCode":"KOR","CountryFlag":"//golfdigest.sports.sndimg.com/discovery.divot/images/countryflags/south-korea.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-3","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-3","HolesPlayed":"F"}]},{"Position":"T4","RoundsPlayed":"4","FirstName":"Tommy","LastName":"Fleetwood","TotalScoreToPar":"-14","PlayerCountryCode":"ENG","CountryFlag":"//golfdigest.sports.sndimg.com/discovery.divot/images/countryflags/england.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"+2","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-6","HolesPlayed":"F"}]},{"Position":"T4","RoundsPlayed":"4","FirstName":"Jon","LastName":"Rahm","TotalScoreToPar":"-14","PlayerCountryCode":"ESP","CountryFlag":"//golfdigest.sports.sndimg.com/discovery.divot/images/countryflags/spain.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-2","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-9","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-1","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-2","HolesPlayed":"F"}]}]}
{"data":[{"Position":"1","RoundsPlayed":"4","FirstName":"Rory","LastName":"McIlroy","TotalScoreToPar":"-17","PlayerCountryCode":"NIR","CountryFlag":"/icons/northern-ireland.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-4","HolesPlayed":"F"}]},{"Position":"2","RoundsPlayed":"4","FirstName":"Kurt","LastName":"Kitayama","TotalScoreToPar":"-16","PlayerCountryCode":"USA","CountryFlag":"/icons/united-states-of-america.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-6","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-1","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-4","HolesPlayed":"F"}]},{"Position":"3","RoundsPlayed":"4","FirstName":"Kyoung-Hoon","LastName":"Lee","TotalScoreToPar":"-15","PlayerCountryCode":"KOR","CountryFlag":"/icons/south-korea.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-3","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-4","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-3","HolesPlayed":"F"}]},{"Position":"T4","RoundsPlayed":"4","FirstName":"Tommy","LastName":"Fleetwood","TotalScoreToPar":"-14","PlayerCountryCode":"ENG","CountryFlag":"/icons/england.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"+2","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-5","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-6","HolesPlayed":"F"}]},{"Position":"T4","RoundsPlayed":"4","FirstName":"Jon","LastName":"Rahm","TotalScoreToPar":"-14","PlayerCountryCode":"ESP","CountryFlag":"/icons/spain.svg","Rounds":[{"RoundNumber":"1","RoundsScoreToPar":"-2","HolesPlayed":"F"},{"RoundNumber":"2","RoundsScoreToPar":"-9","HolesPlayed":"F"},{"RoundNumber":"3","RoundsScoreToPar":"-1","HolesPlayed":"F"},{"RoundNumber":"4","RoundsScoreToPar":"-2","HolesPlayed":"F"}]}]}
2 changes: 1 addition & 1 deletion blocks/carousel/carousel.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -801,7 +801,7 @@
height: 55px;
border: none;
border-radius: 0;
background: rgba(0 0 0 / 60%) url("/icons/arrow-icon.svg");
background: rgba(0 0 0 / 60%) url("/icons/arrow-right.svg");
background-position: center center;
background-size: 20px 30px;
background-repeat: no-repeat;
Expand Down
7 changes: 3 additions & 4 deletions blocks/columns/columns.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import {
} from '../../scripts/scripts.js';

import {
decorateBlock, loadBlock,
decorateBlock, decorateIcons, loadBlock,
} from '../../scripts/lib-franklin.js';

export default async function decorate(block) {
Expand Down Expand Up @@ -45,8 +45,7 @@ export default async function decorate(block) {

const link = block.querySelector('.content-container a');
if (link) {
fetch('/icons/arrow-icon.svg').then((req) => req.text()).then((svg) => {
link.insertAdjacentHTML('afterbegin', `<div class="arrow-icon">${svg}</div>`);
});
link.insertAdjacentHTML('afterbegin', '<div class="arrow-icon"><span class="icon icon-arrow-right"></span></div>');
decorateIcons(link);
}
}
10 changes: 1 addition & 9 deletions blocks/courses/courses.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,18 +30,10 @@ ratingElements.forEach((ratingElement, index) => {
}
});

const arrowIcon = `
<div class="icon-container">
<svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Arrow Icon White" class="arrow-icon">
<path d="M1.70612 0.819317L1.53333 0.654091L1.36055 0.819317L0.827218 1.32933L0.638272 1.51001L0.827218 1.69069L3.57161 4.31506L0.827218 6.93943L0.638272 7.12012L0.827218 7.3008L1.36055 7.81081L1.53333 7.97604L1.70612 7.81081L5.17278 4.49575L5.36173 4.31506L5.17278 4.13438L1.70612 0.819317Z" fill="#ffffff" stroke="#ffffff" stroke-width="0.5"></path>
</svg>
</div>
`;

const buttonElements = document.querySelectorAll('.courses-button');

buttonElements.forEach((button) => {
button.innerHTML += arrowIcon;
button.innerHTML += '<span class="icon icon-arrow-right icon-container"></span>';
});

// wrap courses info
Expand Down
39 changes: 10 additions & 29 deletions blocks/footer/footer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,12 @@
import { decorateIcons } from '../../scripts/lib-franklin.js';

const FOOTER_CONTENT_PATH = '/footer';
let templateDom = null;

function getTemplate() {
const footerTemplate = `
<div class="footer-logo">
<svg xmlns="http://www.w3.org/2000/svg" width="171.5" height="35.1" viewBox="0 0 171.5 35.1" role="img" aria-label="Golf Digest Home Page">
<title>Golf Digest Logo</title>
<path d="M68.8 6.5c1.6 0 2.8-1.3 2.8-2.8S70.3.9 68.8.9C67.2.9 66 2.2 66 3.7s1.2 2.8 2.8 2.8M12.7 27.1v-.5C9.9 26 9 21.5 9 14.6c0-7.3 2.2-11.2 5.4-12v-.5C5.7 2.6 0 7.2 0 14.6c0 7.1 5.1 12.1 12.7 12.5m1 0c4.6-.1 7.9-.9 10-1.8v-9.2h-7.9V26c-.5.2-1.4.5-2 .6v.5h-.1zM23.1 8V2.9c-1.7-.5-4.4-.8-7.2-.8v.5c2.9 1.4 5 3 7.2 5.4m11.2 19v-.4c-.3-.1-.7-.4-1-.7-.9-1.1-1-3.2-1-8.4 0-5.1.2-7.3 1-8.3.2-.3.6-.6 1-.7v-.4c-5.4.4-9.9 3.9-9.9 9.4.1 5.6 4.5 9.1 9.9 9.5m1 0c5.4-.4 9.8-3.9 9.8-9.5 0-5.5-4.4-9-9.8-9.4v.4c.3.1.7.3 1 .7.8 1.1 1 3.2 1 8.3 0 5.1-.2 7.3-1 8.4-.2.3-.7.6-1 .7v.4zm10.7-.3h7.5V.2L46 .9v25.8z"></path>
<path d="M64.1 26.7V11h3.6V8.5h-3.6V4c0-2.3 1.7-3.2 3.1-3.4V.2c-4.9.3-10.7 1.4-10.7 6.6v1.7h-2.3V11h2.3v15.7h7.6z"></path>
<path d="M101 7.6c2.1 0 3.8-1.7 3.8-3.8S103.1 0 101 0s-3.8 1.7-3.8 3.8 1.7 3.8 3.8 3.8" fill="#ED1C24"></path>
<path d="M114.7 35.1v-.3c2.9-.3 6-1.4 6-3.8 0-1.4-1-1.9-2.5-1.9h-7.6c-2.9 0-5-1.4-5-4.6 0-2.6 2.3-4 4-4.8l.2.2c-.3.2-.6.5-.6 1.1 0 .7.5 1 1.2 1h8.3c4.2 0 6.6 1.6 6.6 5.8 0 3.9-4.5 6.9-10.6 7.3m-1.1 0c-5.8 0-8.6-1-8.6-3 0-1.5 1.7-2.3 4.9-2.5l.1.2c-.4.3-1 1-1 2.3 0 1.9 1.9 2.5 4.5 2.7v.3m1.3-15v-.3c.7-.2 1.2-1.9 1.2-5.6 0-3.8-.6-5.6-1.2-5.7v-.4c3.4.2 7.9 1.9 7.9 6s-4.5 5.9-7.9 6m-.9 0c-3.4-.2-8-1.9-8-5.9s4.6-5.9 8-6v.3c-.7.2-1.3 1.9-1.3 5.7 0 3.8.7 5.5 1.3 5.6v.3m9.9-9.4c-1.3 0-2.4-1.1-2.4-2.5s1.1-2.5 2.4-2.5c1.4 0 2.5 1.1 2.5 2.5-.1 1.5-1.2 2.5-2.5 2.5m-41.3 16v-.5c3.3-.3 5-3.1 5-11.6 0-8.9-1.6-11.3-5.1-11.6v-.6c8.5.1 14 3.5 14 12.2.1 7.9-5.2 12-13.9 12.1m-1.4 0h-8.7V2.4h8.7v24.3m23.7 0h-7.5V9.1l7.5-.7v18.3m60 .3c-3.5 0-6.1-1.6-6.1-5.9v-10h-2.3V8.5h2.4v-4l7.7-2.7-.2 6.7h4.8v2.6h-4.8v9.3c0 2.2.9 3 2.9 3 .8 0 2-.3 2.4-.5v.6c-1.1 1.9-3.4 3.5-6.8 3.5m-16 0v-.4c1.2-.2 2.2-.8 2.2-2.2 0-1.2-.7-1.8-2.6-2.7l-2.4-1.1c-2.2-1-4.2-2.7-4.2-5.9 0-3.3 3.2-6.3 7.7-6.6v.4c-1 .1-2.1.6-2.1 2 0 1.3.8 1.9 2.1 2.5l3.3 1.5c2 .9 3.7 2.8 3.7 5.4.1 4.4-2.2 6.9-7.7 7.1m-.9 0c-1.9 0-4.3-.3-5.7-.7v-4.7c1.9 2 4 4.2 5.7 5v.4m7.7-14c-1.6-2.2-3.2-3.7-5.1-4.4v-.5c1.8 0 3.9.4 5.1.8V13m-22.7 14c-6.5 0-9.3-4.7-9.3-9.5 0-5.1 4-9 9.2-9.4v.4c-1.1.3-1.6 1.4-1.6 6.5 0 4.2 1.7 6.5 5.2 6.5 2 0 3.8-.5 4.9-1.4v.7c-.7 2.2-2.8 6.2-8.4 6.2m8.2-11.2h-9v-.5l2.5-.4c0-4-.5-6.2-1.2-6.4v-.4c5.6.3 7.7 4.3 7.7 7.7" fill="#A8A9A3"></path>
</svg>
<span class="icon icon-gd-logo"></span>
</div>
<div class="footer-body-wrapper">
<div class="footer-body">
Expand All @@ -24,43 +20,26 @@ function getTemplate() {
<ul class="social-links">
<li>
<a class="social-links-icon--facebook" href="https://www.facebook.com/GolfDigest/" target="_blank" rel="noopener" aria-label="Facebook Logo">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Facebook Logo">
<title>Facebook Logo</title>
<path d="M18 2H15C13.6739 2 12.4021 2.52678 11.4645 3.46447C10.5268 4.40215 10 5.67392 10 7V10H7V14H10V22H14V14H17L18 10H14V7C14 6.73478 14.1054 6.48043 14.2929 6.29289C14.4804 6.10536 14.7348 6 15 6H18V2Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="icon icon-facebook-red"></span>
</a>
</li>
<li>
<a class="social-links-icon--twitter" href="https://twitter.com/GolfDigest" target="_blank" rel="noopener" aria-label="Twitter Logo">
<svg width="24" height="24" viewBox="0 0 24 24"fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Twitter Logo">
<title>Twitter Logo</title>
<path d="M23 2.9998C22.0424 3.67528 20.9821 4.19191 19.86 4.5298C19.2577 3.83731 18.4573 3.34649 17.567 3.12373C16.6767 2.90096 15.7395 2.957 14.8821 3.28426C14.0247 3.61151 13.2884 4.1942 12.773 4.95352C12.2575 5.71283 11.9877 6.61214 12 7.5298V8.5298C10.2426 8.57537 8.50127 8.18561 6.93101 7.39525C5.36074 6.60488 4.01032 5.43844 3 3.9998C3 3.9998 -1 12.9998 8 16.9998C5.94053 18.3978 3.48716 19.0987 1 18.9998C10 23.9998 21 18.9998 21 7.4998C20.9991 7.22126 20.9723 6.9434 20.92 6.6698C21.9406 5.6633 22.6608 4.39251 23 2.9998V2.9998Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="icon icon-twitter-red"></span>
</a>
</li>
<li>
<a class="social-links-icon--instagram" href="https://www.instagram.com/golfdigest/" target="_blank" rel="noopener" aria-label="Instagram Logo">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Instagram Logo">
<title>Instagram Logo</title>
<path d="M17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.0002 11.3698C16.1236 12.2021 15.9815 13.052 15.594 13.7988C15.2065 14.5456 14.5933 15.1512 13.8418 15.5295C13.0903 15.9077 12.2386 16.0394 11.408 15.9057C10.5773 15.7721 9.80996 15.3799 9.21503 14.785C8.62011 14.1901 8.22793 13.4227 8.09426 12.592C7.9606 11.7614 8.09226 10.9097 8.47052 10.1582C8.84878 9.40667 9.45438 8.79355 10.2012 8.40605C10.948 8.01856 11.7979 7.8764 12.6302 7.99981C13.4791 8.1257 14.265 8.52128 14.8719 9.12812C15.4787 9.73496 15.8743 10.5209 16.0002 11.3698Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.5 6.5H17.51" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="icon icon-instagram-red"></span>
</a>
</li>
<li>
<a class="social-links-icon--instagram" href="https://www.youtube.com/channel/UCkMOtD7MMYs1H55XH6CkWEw" target="_blank" rel="noopener" aria-label="Youtube Logo">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Youtube Logo">
<title>Youtube Icon</title>
<path d="M22.5401 6.42C22.4213 5.94541 22.1794 5.51057 21.8387 5.15941C21.4981 4.80824 21.0708 4.55318 20.6001 4.42C18.8801 4 12.0001 4 12.0001 4C12.0001 4 5.12008 4 3.40008 4.46C2.92933 4.59318 2.50206 4.84824 2.16143 5.19941C1.8208 5.55057 1.57887 5.98541 1.46008 6.46C1.1453 8.20556 0.991319 9.97631 1.00008 11.75C0.988863 13.537 1.14285 15.3213 1.46008 17.08C1.59104 17.5398 1.83839 17.9581 2.17823 18.2945C2.51806 18.6308 2.9389 18.8738 3.40008 19C5.12008 19.46 12.0001 19.46 12.0001 19.46C12.0001 19.46 18.8801 19.46 20.6001 19C21.0708 18.8668 21.4981 18.6118 21.8387 18.2606C22.1794 17.9094 22.4213 17.4746 22.5401 17C22.8524 15.2676 23.0064 13.5103 23.0001 11.75C23.0113 9.96295 22.8573 8.1787 22.5401 6.42V6.42Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.75 15.02L15.5 11.75L9.75 8.47998V15.02Z" stroke="#ED3E49" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<span class="icon icon-youtube-red"></span>
</a>
</li>
</ul>
<svg class="footer-arrow-icon" width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Arrow Icon">
<path d="M1.70612 0.819317L1.53333 0.654091L1.36055 0.819317L0.827218 1.32933L0.638272 1.51001L0.827218 1.69069L3.57161 4.31506L0.827218 6.93943L0.638272 7.12012L0.827218 7.3008L1.36055 7.81081L1.53333 7.97604L1.70612 7.81081L5.17278 4.49575L5.36173 4.31506L5.17278 4.13438L1.70612 0.819317Z" fill="#151517" stroke="#151517" stroke-width="0.5"></path>
</svg>
<span class="footer-arrow-icon icon icon-arrow-right"></span>
`;

const parser = new DOMParser();
Expand Down Expand Up @@ -177,4 +156,6 @@ export default async function decorate(block) {
footerContainer.innerHTML = html;
decorateSections(block);
decorateMobileFooter(block);

decorateIcons(block);
}
12 changes: 5 additions & 7 deletions blocks/gallery/gallery.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import {
render,
} from '../../scripts/scripts.js';
import {
buildBlock, decorateBlock, getMetadata, loadBlocks,
buildBlock, decorateBlock, decorateIcons, getMetadata, loadBlocks,
} from '../../scripts/lib-franklin.js';

const generateNextUpInfo = ({ title, path }) => {
Expand Down Expand Up @@ -192,17 +192,13 @@ export default async function decorate(block) {
${credit ? `<div class="photo-credit">Photo By: ${credit}</div>` : ''}
${!isFirst ? `
<button class="prev">
<svg viewBox="0 0 16 16">
<path fill="#FFF" d="M11.311 16l1.354-1.355L6.033 8l6.632-6.645L11.311 0 3.335 7.989l.01.011-.01.01z"/>
</svg>
<span class="icon icon-prev"></span>
</button>
` : ''}

<button class="next ${isFirst ? 'has-label' : ''}">
${isFirst ? '<span>View the Gallery</span>' : ''}
<svg viewBox="0 0 16 16">
<path fill="#FFF" d="M4.689 0L3.335 1.354 9.968 8l-6.633 6.644L4.689 16l7.976-7.99-.01-.01.01-.011z"/>
</svg>
<span class="icon icon-next"></span>
</button>

<div class="count">${index + 1}/${carouselItemsLength}</div>
Expand Down Expand Up @@ -232,4 +228,6 @@ export default async function decorate(block) {
// Inner block loading
block.querySelectorAll('.social-share').forEach((innerBlock) => decorateBlock(innerBlock));
loadBlocks(document.querySelector('main'));

decorateIcons(block);
}
40 changes: 31 additions & 9 deletions blocks/header/header.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@
.header a.header-logo {
border: none;
margin-bottom: 0;
overflow: hidden;
}

.landing-page.dark .header-logo svg path:nth-child(2),
Expand All @@ -73,17 +74,21 @@
color: #FFF;
}

.header .header-logo .icon {
display: flex;
}

.header .header-logo svg {
width: 125px;
height: auto;
max-height: 100%;
}

.home-page .header:not(.is-scrolling) .header-menu-button svg path {
.home-page .header:not(.is-scrolling) .header-menu-button svg {
fill: #fff;
}

.header .nav-menu .social-links a:hover svg path {
.header .nav-menu .social-links a:hover svg {
stroke: #000;
}

Expand Down Expand Up @@ -114,6 +119,10 @@
height: 15px;
}

.header .header-menu-button .icon {
display: flex;
}

.home-page .header:not(.is-scrolling) .header-menu-button {
color: #fff;
}
Expand All @@ -125,6 +134,8 @@

.leaderboard .o-leaderboard-link-container-link svg {
margin-left: 10px;
width: 6px;
height: 9px;
}

.header .nav-menu .header-logo svg {
Expand Down Expand Up @@ -522,7 +533,7 @@ body:not(.landing-page) .header .header-bottom-bar {
display: flex;
}

.home-page .header-menu-button span {
.home-page .header-menu-button .label {
margin-left: 25px;
}

Expand All @@ -543,8 +554,14 @@ body:not(.landing-page) .header .header-bottom-bar {
transition: transform 0.3s, opacity 0.3s, width 0.3s;
}

.home-page .header:not(.is-scrolling) .header-bottom-right .header-search-button svg path {
stroke: #fff;
.header .header-bottom-right .header-search-button svg,
.header .header-top-right .header-search-button svg {
height: 25px;
width: 25px;
}

.home-page .header:not(.is-scrolling) .header-bottom-right .header-search-button svg {
fill: #fff;
}

@media (max-width: 769px) {
Expand Down Expand Up @@ -662,7 +679,12 @@ body:not(.landing-page) .header .header-bottom-bar {
opacity: 0.8;
}

.home-page .header:not(.is-scrolling) .header-cancel-search-button > svg line {
.header .search-form-area .header-cancel-search-button svg {
width: 36px;
height: 35px;
}

.home-page .header:not(.is-scrolling) .header-cancel-search-button > svg {
stroke: #fff;
}

Expand Down Expand Up @@ -931,7 +953,7 @@ body:not(.landing-page) .header .header-bottom-bar {
background-color: #f6f6f6;
}

.header .nav-menu-nav-link button:hover svg * {
.header .nav-menu-nav-link button:hover svg {
stroke: var(--link-hover-color);
fill: var(--link-hover-color);
}
Expand Down Expand Up @@ -1438,11 +1460,11 @@ body:not(.landing-page) .header .header-bottom-bar {
color: #FFF;
}

.landing-page.dark .header:not(.is-scrolling) .header-menu-button svg path {
.landing-page.dark .header:not(.is-scrolling) .header-menu-button svg {
fill: #FFF;
color: #FFF;
}

.landing-page.dark .header:not(.is-scrolling) .header-search-button svg path {
.landing-page.dark .header:not(.is-scrolling) .header-search-button svg {
stroke: #FFF;
}
Loading
Loading