mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-09 05:13:12 -04:00
62fbc07bff
Uses `govuk-header__navigation--end` class which does away with the need for a custom override. Based on suggestion by @quis: https://github.com/alphagov/notifications-admin/pull/3181#discussion_r361977771
40 lines
901 B
SCSS
40 lines
901 B
SCSS
// Overrides for certain GOV.UK Frontend styles to make its components match this application's design
|
|
|
|
// Additional padding-bottom override, following the GOV.UK Frontend spacing scale:
|
|
// https://design-system.service.gov.uk/styles/spacing/#the-responsive-spacing-scale
|
|
.govuk-\!-padding-bottom-12 {
|
|
padding-bottom: 70px;
|
|
|
|
@include govuk-media-query($from: tablet) {
|
|
padding-bottom: 90px;
|
|
}
|
|
}
|
|
|
|
.govuk-footer__navigation {
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.govuk-footer__section {
|
|
-webkit-flex-basis: 200px;
|
|
-ms-flex-preferred-size: 200px;
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
@include govuk-media-query($from: tablet) {
|
|
|
|
.govuk-footer__navigation {
|
|
-webkit-flex-wrap: nowrap;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.govuk-footer__section {
|
|
-webkit-flex-basis: 200px;
|
|
-ms-flex-preferred-size: 200px;
|
|
flex-basis: 200px;
|
|
}
|
|
|
|
}
|