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;
}
.wp-block-button {
@apply inline-block;
.wp-block-button__link {
@apply flex items-center;
@apply !bg-secondary-light !text-secondary;
transition: scale 0.2s ease-out;
@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: '';
@ -22,13 +19,22 @@
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 !text-white;
@apply !bg-secondary;
scale: 1.02;
&:before {
filter: brightness(0) invert(1);
}
.wp-block-button__link {
@apply !text-white;
max-width: max-content;
}
}
}