add styles for horizontal button links (#58153)
This commit is contained in:
parent
be1261c4b9
commit
158b933d1c
|
@ -92,6 +92,7 @@ a.button {
|
|||
border-radius: 3px;
|
||||
font-weight: bold;
|
||||
background: white;
|
||||
text-align: center;
|
||||
border: 1px solid $button-color;
|
||||
color: $button-color;
|
||||
&[aria-pressed=true], &:hover {
|
||||
|
|
|
@ -83,3 +83,36 @@ div.combo-search-results {
|
|||
border-bottom-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.link-list-cell.pk-horizontal-button-links,
|
||||
.link-list-cell.pk-wide-horizontal-button-links {
|
||||
ul {
|
||||
display: flex;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
li {
|
||||
&:not(:last-child) {
|
||||
margin-right: 1em;
|
||||
}
|
||||
border: none;
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
&:not(:last-child) {
|
||||
margin-right: 0;
|
||||
}
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
&.pk-wide-horizontal-button-links {
|
||||
li {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
a {
|
||||
@extend %button;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue