refining css

This commit is contained in:
Antoine M 2025-02-10 14:42:24 +01:00
parent d1e9d229b0
commit 350ca8cc72
2 changed files with 14 additions and 22 deletions

View File

@ -70,18 +70,16 @@
} }
} }
.cta--read-project { .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; @apply py-3 px-5 hover:px-6 relative rounded-full bg-neutral-900 flex items-center justify-center;
box-sizing: content-box; box-sizing: content-box;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
text-decoration: none; text-decoration: none;
/* background-color: #34113F; */ /* background-color: #34113F; */
/* background-color: #0033DA; */ /* background-color: #0033DA; */
span {
span{
@apply text-xs font-medium; @apply text-xs font-medium;
text-decoration: none; text-decoration: none;
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
@ -92,29 +90,22 @@
@apply w-6 h-6 opacity-0 absolute right-6 -translate-x-8; @apply w-6 h-6 opacity-0 absolute right-6 -translate-x-8;
filter: invert(1); filter: invert(1);
} }
&:hover{ &:hover {
background-color: var(--hover-color);
/* background-color: #0033DA; */ /* background-color: #0033DA; */
@apply bg-deli-pink; /* @apply bg-deli-pink; */
span{ span {
@apply mr-8; @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( /* $couleur = array(
'web' => '#1CC7C7', 'web' => '#1CC7C7',
'print' => '#C14FE3', 'print' => '#C14FE3',

View File

@ -8,7 +8,8 @@
h4, h4,
h5, h5,
h6 { h6 {
@apply bigCaslon; @apply bigCaslon tracking-normal;
&:before { &:before {
@apply content-none; @apply content-none;
} }