0001-add-styles-for-horizontal-button-links-58153.patch
| gadjo/static/css/_portal.scss | ||
|---|---|---|
| 83 | 83 |
border-bottom-color: transparent; |
| 84 | 84 |
} |
| 85 | 85 |
} |
| 86 | ||
| 87 |
.link-list-cell.pk-horizontal-button-links, |
|
| 88 |
.link-list-cell.pk-wide-horizontal-button-links {
|
|
| 89 |
ul {
|
|
| 90 |
display: flex; |
|
| 91 |
width: 100%; |
|
| 92 |
@media screen and (max-width: $mobile-limit) {
|
|
| 93 |
flex-direction: column; |
|
| 94 |
} |
|
| 95 |
} |
|
| 96 |
li {
|
|
| 97 |
&:not(:last-child) {
|
|
| 98 |
margin-right: 1em; |
|
| 99 |
} |
|
| 100 |
border: none; |
|
| 101 |
&:hover {
|
|
| 102 |
background: transparent; |
|
| 103 |
} |
|
| 104 |
@media screen and (max-width: $mobile-limit) {
|
|
| 105 |
&:not(:last-child) {
|
|
| 106 |
margin-right: 0; |
|
| 107 |
} |
|
| 108 |
margin-bottom: 0.5em; |
|
| 109 |
} |
|
| 110 |
} |
|
| 111 |
&.pk-wide-horizontal-button-links {
|
|
| 112 |
li {
|
|
| 113 |
flex: 1; |
|
| 114 |
} |
|
| 115 |
} |
|
| 116 |
a {
|
|
| 117 |
@extend %button; |
|
| 118 |
text-align: center; |
|
| 119 |
} |
|
| 120 |
} |
|
| 86 |
- |
|