STYLE Handling main author style
This commit is contained in:
parent
297f573507
commit
487e9f8abd
|
|
@ -6,19 +6,28 @@
|
|||
@apply uppercase font-medium text-4xl md:text-5xl lg:text-5xl text-white;
|
||||
line-height: 1.2;
|
||||
}
|
||||
&__main-author {
|
||||
&__main-author,
|
||||
&__first-author {
|
||||
@apply text-white font-light tracking-wide flex items-center gap-3 mt-4;
|
||||
|
||||
&::before {
|
||||
@apply w-6 h-6 block bg-no-repeat bg-center bg-contain;
|
||||
content: '';
|
||||
background-image: url('../resources/img/icons/carhop-plume2.svg');
|
||||
filter: invert(1) brightness(0) saturate(100%) invert(100%);
|
||||
}
|
||||
&:hover {
|
||||
@apply underline underline-offset-8;
|
||||
}
|
||||
}
|
||||
|
||||
&__first-author::before {
|
||||
background-image: url('../resources/img/icons/carhop-plume2.svg');
|
||||
}
|
||||
&__main-author::before {
|
||||
@apply w-8 h-8;
|
||||
transform: translateY(-5px);
|
||||
background-image: url('../resources/img/icons/carhop-auteur-principal.svg');
|
||||
}
|
||||
&__inner {
|
||||
@apply mx-auto grid gap-24;
|
||||
@screen xl {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user