From 350ca8cc72a65fe361c5152cf8208930850661d0 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Mon, 10 Feb 2025 14:42:24 +0100 Subject: [PATCH] refining css --- resources/css/pages/archive-portfolio.css | 33 +++++++++-------------- resources/css/pages/single-portfolio.css | 3 ++- 2 files changed, 14 insertions(+), 22 deletions(-) diff --git a/resources/css/pages/archive-portfolio.css b/resources/css/pages/archive-portfolio.css index 6310759..c072e2f 100644 --- a/resources/css/pages/archive-portfolio.css +++ b/resources/css/pages/archive-portfolio.css @@ -70,18 +70,16 @@ } } .cta--read-project { - @apply text-sm block text-white mt-6 mb-0 w-fit ; + @apply text-sm block text-white mt-6 mb-0 w-fit; @apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center; box-sizing: content-box; transition: all 0.3s ease-in-out; text-decoration: none; - /* background-color: #34113F; */ /* background-color: #0033DA; */ - - span{ + span { @apply text-xs font-medium; text-decoration: none; transition: all 0.4s ease-in-out; @@ -92,29 +90,22 @@ @apply w-6 h-6 opacity-0 absolute right-6 -translate-x-8; filter: invert(1); } - &:hover{ + &:hover { + background-color: var(--hover-color); /* background-color: #0033DA; */ - @apply bg-deli-pink; + /* @apply bg-deli-pink; */ - span{ - @apply mr-8; + span { + @apply mr-8; + } + img { + @apply opacity-100 translate-x-0; + transition: opacity 0.6s ease-in-out, translate 0.4s ease-in-out; + } } - img{ - @apply opacity-100 translate-x-0; - transition: opacity .6s ease-in-out, translate 0.4s ease-in-out; - } - } - - - - - - } } - - /* $couleur = array( 'web' => '#1CC7C7', 'print' => '#C14FE3', diff --git a/resources/css/pages/single-portfolio.css b/resources/css/pages/single-portfolio.css index 6f59eb1..3803e55 100644 --- a/resources/css/pages/single-portfolio.css +++ b/resources/css/pages/single-portfolio.css @@ -8,7 +8,8 @@ h4, h5, h6 { - @apply bigCaslon; + @apply bigCaslon tracking-normal; + &:before { @apply content-none; }