mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-04 21:40:23 -04:00
bc83ff6c09
Replaced `$gutter` and similar variables such as `$gutter-half` with the `govuk-spacing()` static spacing function. This uses `govuk-spacing()` instead of `$govuk-gutter` because `$govuk-gutter` should only be used for the gaps in between grid columns and we were mostly using `$gutter` to add more space around elements. There are other places in the SCSS files where we had hardcoded a measurement in px which could be replaced with `govuk-spacing`, but this commit only replaces the existing uses of `$gutter`.
73 lines
1.1 KiB
SCSS
73 lines
1.1 KiB
SCSS
.api-notifications {
|
|
|
|
font-family: monospace;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
border-bottom: 1px solid $border-colour;
|
|
|
|
&-item {
|
|
|
|
border-top: 1px solid $border-colour;
|
|
padding: 10px 0 0 0;
|
|
|
|
&__heading,
|
|
&__data,
|
|
&__view {
|
|
font-family: monospace;
|
|
}
|
|
|
|
&__heading {
|
|
display: block;
|
|
margin-bottom: govuk-spacing(3);
|
|
|
|
&::before {
|
|
top: -1.3em;
|
|
}
|
|
}
|
|
|
|
&__meta {
|
|
|
|
display: block;
|
|
color: $secondary-text-colour;
|
|
text-decoration: none;
|
|
|
|
&-key,
|
|
&-time {
|
|
color: $secondary-text-colour;
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
|
|
@include govuk-media-query($from: tablet) {
|
|
&-key,
|
|
&-time {
|
|
width: 50%;
|
|
}
|
|
|
|
&-time {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
&__data {
|
|
|
|
border-left: none;
|
|
padding-left: 25px;
|
|
|
|
&-name {
|
|
color: $secondary-text-colour;
|
|
}
|
|
|
|
&-value {
|
|
color: $text-colour;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|