css: refactor .pk-button to avoid a.pk-big-button.pk-big-button #350

Merged
tjund merged 1 commits from wip/67858-pk-button-refacto into main 2023-07-20 14:59:28 +02:00
1 changed files with 12 additions and 15 deletions

View File

@ -6,25 +6,22 @@
@import 'table';
a.pk-button, a.pk-big-button {
@extend %button;
display: inline-block;
margin: 0;
height: auto;
&.pk-big-button {
padding: 2rem 4rem;
}
}
div.link-cell.pk-button,
div.link-cell.pk-big-button {
ul > li > a {
.pk-button, .pk-big-button {
@at-root #{selector-unify("a", &)},
&.link-cell ul > li > a
{
@extend %button;
display: block;
display: inline-block;
margin: 0;
height: auto;
}
&.pk-big-button ul > li > a {
&.link-cell ul > li > a {
display: block;
}
}
.pk-big-button {
@at-root #{selector-unify("a", &)},
&.link-cell ul > li > a {
padding: 2rem 4rem;
}
}