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

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

@ -9,11 +9,8 @@
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;
.wp-block-button__link {
@apply flex items-center;
@apply !bg-secondary-light !text-secondary;
transition: scale 0.2s ease-out;
&:before { &:before {
@apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center; @apply mr-3 h-6 w-6 bg-no-repeat bg-contain bg-center;
content: ''; content: '';
@ -22,13 +19,22 @@
display: inline-block; display: inline-block;
background-image: url('../resources/img/graphic-assets/anchor.svg'); 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, &:hover,
&:focus-visible { &:focus-visible {
@apply !bg-secondary !text-white; @apply !bg-secondary;
scale: 1.02; scale: 1.02;
&:before { &:before {
filter: brightness(0) invert(1); filter: brightness(0) invert(1);
} }
.wp-block-button__link {
@apply !text-white;
max-width: max-content;
} }
} }
} }