Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactoring buttons

Browse Source
This commit is contained in:
Antoine M 2024-07-19 11:11:20 +02:00
parent fa93017943
commit f54ba70114
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
resources/css/blocks/shortcuts.css
View File

@ -9,26 +9,32 @@
mb-2; mb-2;
} }
.wp-block-button { .wp-block-button {
@apply inline-block; @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 { .wp-block-button__link {
@apply flex items-center; @apply text-left !bg-transparent inline-block !w-fit !text-secondary py-0 px-0 my-0;
@apply !bg-secondary-light !text-secondary;
transition: scale 0.2s ease-out; transition: scale 0.2s ease-out;
}
&:hover,
&:focus-visible {
@apply !bg-secondary;
scale: 1.02;
&:before { &:before {
@apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center; filter: brightness(0) invert(1);
content: '';
heigth: 1.25rem;
width: 1.25rem;
display: inline-block;
background-image: url('../resources/img/graphic-assets/anchor.svg');
} }
&:hover, .wp-block-button__link {
&:focus-visible { @apply !text-white;
@apply !bg-secondary !text-white; max-width: max-content;
scale: 1.02;
&:before {
filter: brightness(0) invert(1);
}
} }
} }
} }