entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

add styles for horizontal button links (#58153)

This commit is contained in:
Frédéric Péters 2022-01-24 20:08:07 +01:00
parent be1261c4b9
commit 158b933d1c
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
gadjo/static/css/_forms.scss
View File

@ -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 {

33
gadjo/static/css/_portal.scss
View File

@ -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;
}
}