56 lines
1.3 KiB
CSS
56 lines
1.3 KiB
CSS
.post-infos-capsule {
|
|
@apply flex flex-wrap justify-start gap-x-8 gap-y-5;
|
|
&__share,
|
|
&__publication-date,
|
|
&__modification-date {
|
|
@apply bg-white text-primary
|
|
rounded-full
|
|
px-4
|
|
sm:px-6
|
|
py-2
|
|
w-fit
|
|
h-auto
|
|
flex justify-center
|
|
items-center
|
|
font-medium;
|
|
}
|
|
&__share {
|
|
@apply gap-1 md:gap-2 !my-0;
|
|
.share-button {
|
|
@apply pl-0 content-none py-0;
|
|
}
|
|
.share-button a {
|
|
@apply bg-primary !block w-8 h-8 rounded-full p-4 relative;
|
|
transition: transform 0.3s ease-in-out;
|
|
|
|
&:before {
|
|
@apply absolute w-3 h-3 bg-contain bg-center bg-no-repeat;
|
|
width: 25px;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
content: '';
|
|
}
|
|
&:hover {
|
|
transform: scale(1.05);
|
|
filter: brightness(1.4);
|
|
}
|
|
}
|
|
.share-button--Facebook a {
|
|
&:before {
|
|
background-image: url('../resources/img/graphic-assets/icone-social-facebook.svg');
|
|
}
|
|
}
|
|
.share-button--Twitter-X a {
|
|
&:before {
|
|
background-image: url('../resources/img/graphic-assets/icone-social-twitter-x.svg');
|
|
}
|
|
}
|
|
.share-button--Linkedin a {
|
|
&:before {
|
|
background-image: url('../resources/img/graphic-assets/icone-social-linkedin.svg');
|
|
}
|
|
}
|
|
}
|
|
}
|