diff --git a/src/assets/css/components/card.css b/src/assets/css/components/card.css index 203e7cc..b0de9e0 100644 --- a/src/assets/css/components/card.css +++ b/src/assets/css/components/card.css @@ -272,6 +272,25 @@ } } } + &[href]:not(:where( + /* exclude hash only links */ + [href^="#"], + /* exclude relative but not double slash only links */ + [href^="/"]:not([href^="//"]), + )){ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23000'/%3E%3C/svg%3E"); + } + } + &:hover{ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23fff'/%3E%3C/svg%3E"); + } + } + } + } &--alt{ .card__icon{ &::before{ @@ -305,6 +324,25 @@ } } } + &[href]:not(:where( + /* exclude hash only links */ + [href^="#"], + /* exclude relative but not double slash only links */ + [href^="/"]:not([href^="//"]), + )){ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23fff'/%3E%3C/svg%3E"); + } + } + &:hover{ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23fff'/%3E%3C/svg%3E"); + } + } + } + } } &--y{ .card__icon{ @@ -339,6 +377,25 @@ } } } + &[href]:not(:where( + /* exclude hash only links */ + [href^="#"], + /* exclude relative but not double slash only links */ + [href^="/"]:not([href^="//"]), + )){ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23FFCC00'/%3E%3C/svg%3E"); + } + } + &:hover{ + .card__icon{ + &::before{ + background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m16.204 2.382-9.97-.383L6.311 0l13.182.507L20 13.689l-1.999.077-.383-9.97-16.06 16.06L.146 18.44 16.204 2.382Z' fill='%23FFCC00'/%3E%3C/svg%3E"); + } + } + } + } } } diff --git a/src/assets/css/components/tease.css b/src/assets/css/components/tease.css index afcdef0..80aa307 100644 --- a/src/assets/css/components/tease.css +++ b/src/assets/css/components/tease.css @@ -1,10 +1,10 @@ .tease-wrapper{ - @apply grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-[calc(var(--grid-gutter)*2)] gap-y-md xl:gap-y-lg; + @apply grid md:grid-cols-2 xl:grid-cols-4 gap-x-[calc(var(--grid-gutter)*2)] gap-y-md xl:gap-y-lg; .tease{ /* @apply mb-lg; */ /* @TODO */ &:nth-child(4){ - @apply max-xl:lg:hidden; + /* @apply max-xl:lg:hidden; */ } } &--tease-lg{ diff --git a/src/assets/js/blocks/featured-tabs.js b/src/assets/js/blocks/featured-tabs.js index bfa328f..1b2cafb 100644 --- a/src/assets/js/blocks/featured-tabs.js +++ b/src/assets/js/blocks/featured-tabs.js @@ -4,7 +4,6 @@ function checkFeaturedTabsHeight(tabs, container, activeTabContent){ const contentHeight = parseInt(tabs.clientHeight + activeTabContent.clientHeight) - console.log(contentHeight, container.clientHeight ) if (contentHeight > parseInt(container.clientHeight)) { container.style.height = `${tabs.clientHeight + activeTabContent.clientHeight}px` } else if (contentHeight < parseInt(container.clientHeight)) { diff --git a/src/assets/js/site.js b/src/assets/js/site.js index e93cd55..543308c 100644 --- a/src/assets/js/site.js +++ b/src/assets/js/site.js @@ -277,7 +277,6 @@ // if there isn't a clicked item (eg: X button), select visible menus submenu = document.querySelector('.site-header-navbar-submenu-0.is-visible') clickedItem = document.querySelector('#site-header-main-nav .menu-item-has-children.is-toggled') - console.log(clickedItem) } if (clickedItem.classList.contains('is-toggled')) { // if desktop menu is already open and click on already toggled item @@ -344,7 +343,6 @@ menuBtn.addEventListener('click', function(){ if (isDesktop.matches) { - console.log('test') toggleDesktopMenu() } else { toggleMobileMenu()