mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-17 04:59:37 -04:00
a8a29698cb
The gulp-base64 package has 11 dependencies with vulnerabilities listed against them as of this time. It also doesn't seem to be maintained any more. The last commit was in 2015 and there are issues and pull requests up to bump the dependencies. This replaces it with gulp-base64-inline. gulp-base64-inline takes a single path, which it prepends to any image paths it finds. Our image paths are actually URLs, not filesystem paths so we need to send it a relative path to repoint the URL. This commit includes changes that remove a few `@import`s from one of our sass partials. They aren't needed as those files are imported further up the stack and `_typography.scss` has an import in it that overwrites the new `_url-helpers.scss` we added here.
112 lines
2.1 KiB
SCSS
112 lines
2.1 KiB
SCSS
/*
|
|
Taken from the GOV.UK component at
|
|
https://github.com/alphagov/static/blob/3d93a762b9d7af54615c77ae3e479131c03b8175/app/assets/stylesheets/govuk-component/_previous-and-next-navigation.scss
|
|
and
|
|
https://github.com/alphagov/static/blob/da8aeeaa749093eab30286d7fc9f965533b66f47/app/assets/stylesheets/styleguide/_conditionals2.scss
|
|
*/
|
|
|
|
// Media query helpers. These make producing IE layouts
|
|
// super easy.
|
|
|
|
// These are desktop and down media queries
|
|
|
|
// There is also a local version of this in Smartanswers.
|
|
|
|
$is-ie: false !default;
|
|
|
|
@mixin media-down($size: false, $max-width: false, $min-width: false) {
|
|
@if $is-ie == false {
|
|
@if $size == mobile {
|
|
@media (max-width: 640px){
|
|
@content;
|
|
}
|
|
} @else if $size == tablet {
|
|
@media (max-width: 800px){
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.govuk-previous-and-next-navigation {
|
|
display: block;
|
|
margin-top: $gutter;
|
|
margin-bottom: $gutter;
|
|
margin-left: -$gutter-half;
|
|
margin-right: -$gutter-half;
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
@include core-16($line-height: (20 / 16));
|
|
float: left;
|
|
list-style: none;
|
|
text-align: right;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 50%;
|
|
|
|
a {
|
|
display: block;
|
|
padding: $gutter-half;
|
|
text-decoration: none;
|
|
|
|
&:visited {
|
|
color: $link-colour;
|
|
}
|
|
|
|
&:hover,
|
|
&:active {
|
|
background-color: $canvas-colour;
|
|
}
|
|
|
|
.pagination-part-title {
|
|
@include core-27($line-height: (33.75 / 27));
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.previous-page {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.next-page {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
@include media-down(mobile) {
|
|
.previous-page,
|
|
.next-page {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.next-page a {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.pagination-icon {
|
|
display: inline-block;
|
|
margin-bottom: 1px;
|
|
height: .482em;
|
|
width: .63em;
|
|
}
|
|
|
|
.pagination-label {
|
|
display: inline-block;
|
|
margin-top: 0.1em;
|
|
text-decoration: underline;
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|