mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-05 21:58:25 -04:00
f05f7b2661
Was set to `position: relative` to solve an issue
on the produce page. This introduced other issues
with the sticky JS and the fix is only needed for
the product page so this moves it to that CSS.
The previous fix was applied here:
9441dd0b37
51 lines
1.1 KiB
SCSS
51 lines
1.1 KiB
SCSS
// Overrides for certain GOV.UK Frontend styles to make its components match this application's design
|
|
|
|
// Notify's header navigation aligns to the right
|
|
.govuk-header__navigation {
|
|
text-align: right;
|
|
|
|
// reset the alignment of each item to left-to-right
|
|
.govuk-header__navigation-item {
|
|
text-align: left;
|
|
}
|
|
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
|
|
}
|