homegrade_theme_production/resources/css/blocks/shortcuts.css
2024-07-19 11:11:20 +02:00

44 lines
1.1 KiB
CSS

.homegrade-blocks-shortcuts {
@apply my-8;
.wp-block-heading {
@apply uppercase !text-neutral-600
!mt-0
text-sm
tracking-wider
font-semibold
mb-2;
}
.wp-block-button {
@apply inline-flex items-center w-fit rounded-full px-6 !py-3 mb-3;
&:before {
@apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center;
content: '';
heigth: 1.25rem;
width: 1.25rem;
display: inline-block;
background-image: url('../resources/img/graphic-assets/anchor.svg');
}
@apply !bg-secondary-light;
.wp-block-button__link {
@apply text-left !bg-transparent inline-block !w-fit !text-secondary py-0 px-0 my-0;
transition: scale 0.2s ease-out;
}
&:hover,
&:focus-visible {
@apply !bg-secondary;
scale: 1.02;
&:before {
filter: brightness(0) invert(1);
}
.wp-block-button__link {
@apply !text-white;
max-width: max-content;
}
}
}
}
.editor-styles-wrapper .wp-block-button:not(.is-style-outline) .wp-block-button__link {
}