refining css
This commit is contained in:
parent
d1e9d229b0
commit
350ca8cc72
|
|
@ -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',
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,8 @@
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
@apply bigCaslon;
|
@apply bigCaslon tracking-normal;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
@apply content-none;
|
@apply content-none;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user