add style for joined/toggled buttons (#57318)

This commit is contained in:
Frédéric Péters 2021-09-27 19:44:18 +02:00
parent 95ac0e40cb
commit ad2dd536eb
1 changed files with 16 additions and 1 deletions

View File

@ -94,7 +94,7 @@ a.button {
background: white;
border: 1px solid $button-color;
color: $button-color;
&:hover {
&[aria-pressed=true], &:hover {
background: $button-color;
color: white;
border-color: darken($button-color, 20%);
@ -550,3 +550,18 @@ form.pk-mark-optional-fields {
font-style: italic;
}
}
.gadjo-joined-buttons {
display: inline-flex;
button {
border-radius: 0;
margin-left: -1px; // join borders
&:first-child {
border-radius: 3px 0 0 3px;
margin-left: 0px;
}
&:last-child {
border-radius: 0 3px 3px 0;
}
}
}