85 lines
1.8 KiB
CSS
85 lines
1.8 KiB
CSS
@import 'tailwindcss/components';
|
|
@import 'tailwindcss/utilities';
|
|
|
|
body {
|
|
@apply font-sans;
|
|
}
|
|
|
|
.wp-block {
|
|
@apply max-w-screen-xl;
|
|
}
|
|
|
|
.wp-block[data-align='wide'] {
|
|
@apply max-w-screen-xl;
|
|
}
|
|
|
|
.wp-block[data-align='full'] {
|
|
@apply max-w-full;
|
|
}
|
|
.wp-block.alignfull {
|
|
@apply max-w-full;
|
|
}
|
|
|
|
.acf-block-component {
|
|
/* @apply bg-red-500; */
|
|
}
|
|
.acf-block-fields {
|
|
@apply max-w-screen-md mx-auto;
|
|
}
|
|
|
|
.wp-block-carhop-blocks-cta {
|
|
&.is-selected::after {
|
|
@apply !static;
|
|
}
|
|
}
|
|
|
|
.deligraph-blocks-chapter-section {
|
|
@apply !px-0;
|
|
svg {
|
|
@apply pointer-events-none;
|
|
}
|
|
}
|
|
/* block-editor-block-list__block wp-block has-child-selected carhop-heading carhop-heading--hierarchy-classic wp-block-carhop-blocks-heading */
|
|
.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;
|
|
}
|