STYLE REfining style for wp-block-file

This commit is contained in:
Antoine M 2026-03-20 17:07:28 +01:00
parent 23eb4184af
commit 4a054947f3

View File

@ -43,3 +43,42 @@ body {
.block-editor-block-list__block.wp-block-carhop-blocks-heading {
@apply mx-auto;
}
.wp-block-file {
.wp-block-file__content-wrapper {
@apply flex gap-2 items-center;
}
[data-wp-block-attribute-key='fileName'] {
@apply underline-offset-8;
}
[data-wp-block-attribute-key='downloadButtonText'] {
@apply relative w-10 h-10 bg-transparent inline-flex items-center gap-12;
color: transparent !important;
font-size: 0; /* Réduit l'espace occupé */
text-indent: -9999px;
transition: all 0.3s ease;
&:after {
@apply w-10 h-10 bg-transparent absolute top-0 left-0;
background-image: url('../resources/img/icons/button-arrow-down-small.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
content: ' ';
display: block;
transform: translateY(0);
}
}
/* @apply text-primary font-semibold !text-lg flex gap-2 items-center;
transition: all 0.3s ease;
a:not([download]) {
&:hover {
@apply underline underline-offset-8;
}
} */
}
.wp-block-carhop-blocks-document-card:focus:after {
@apply !static;
}