mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-19 05:59:44 -04:00
a62658ce8c
The button style we were using had no bottom margin, but the govuk-frontend button has a bottom margin of 10px. This override removes the added margin to keep the look of our buttons consistent.
49 lines
1.0 KiB
SCSS
49 lines
1.0 KiB
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;
|
|
}
|
|
|
|
}
|
|
|
|
// Make column headings smaller to prevent wrapping
|
|
.govuk-footer__heading {
|
|
@include govuk-font($size: 19, $weight: bold);
|
|
}
|
|
|
|
.govuk-button {
|
|
margin-bottom: 0px;
|
|
}
|