From 4a054947f3d66a492811394911e9c5c4e472e6b7 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Fri, 20 Mar 2026 17:07:28 +0100 Subject: [PATCH] STYLE REfining style for wp-block-file --- resources/css/editor-style.css | 39 ++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/resources/css/editor-style.css b/resources/css/editor-style.css index 969916a..0e3dc94 100644 --- a/resources/css/editor-style.css +++ b/resources/css/editor-style.css @@ -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; +}