mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-09 19:04:33 -04:00
d9da63401f
Since we added template folders the templates page has had a ‘medium’ sized heading, where other pages have stuck with a ‘large’ size. This commit rationalises the decision around which pages have which heading size: - ‘navigation’ pages (eg templates, team members, email reply to addresses) have medium sized headings - transactional pages (ie ones which have a green button) keep the larger heading size
130 lines
1.8 KiB
SCSS
130 lines
1.8 KiB
SCSS
.column-whole {
|
|
@include grid-column(1/1);
|
|
}
|
|
|
|
.column-three-quarters {
|
|
@include grid-column(3/4);
|
|
}
|
|
|
|
.column-one-sixth {
|
|
@include grid-column(1/6);
|
|
}
|
|
|
|
.column-five-sixths {
|
|
@include grid-column(5/6);
|
|
}
|
|
|
|
.column-one-eighth {
|
|
@include grid-column(1/8);
|
|
}
|
|
|
|
.column-five-eighths {
|
|
@include grid-column(5/8);
|
|
}
|
|
|
|
.column-seven-eighths {
|
|
@include grid-column(7/8);
|
|
}
|
|
|
|
%top-gutter,
|
|
.top-gutter {
|
|
@extend %contain-floats;
|
|
display: block;
|
|
margin-top: $gutter;
|
|
clear: both;
|
|
}
|
|
|
|
.top-gutter-4-3 {
|
|
@extend %top-gutter;
|
|
margin-top: $gutter * 4 / 3;
|
|
}
|
|
|
|
.top-gutter-2-3 {
|
|
@extend %top-gutter;
|
|
margin-top: $gutter-half;
|
|
}
|
|
|
|
.top-gutter-1-3 {
|
|
@extend %top-gutter;
|
|
margin-top: $gutter / 3;
|
|
}
|
|
|
|
%bottom-gutter,
|
|
.bottom-gutter {
|
|
@extend %contain-floats;
|
|
margin-bottom: $gutter;
|
|
clear: both;
|
|
}
|
|
|
|
.bottom-gutter-2-3 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: $gutter-two-thirds;
|
|
}
|
|
|
|
.bottom-gutter-1-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: $gutter-half;
|
|
}
|
|
|
|
.bottom-gutter-1-3 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: $gutter/3;
|
|
}
|
|
|
|
.bottom-gutter-3-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: $gutter * 3/2;
|
|
}
|
|
|
|
.bottom-gutter-2 {
|
|
@extend %bottom-gutter;
|
|
margin-bottom: $gutter * 2;
|
|
}
|
|
|
|
.left-gutter {
|
|
padding-left: $gutter;
|
|
}
|
|
|
|
.left-gutter-4-3 {
|
|
padding-left: $gutter * 4 / 3;
|
|
}
|
|
|
|
.align-with-heading {
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 13px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.align-with-heading-copy {
|
|
display: block;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.align-with-heading-copy-right {
|
|
display: block;
|
|
margin: 21px 0 19px 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.align-with-big-number-hint {
|
|
margin-top: $gutter / 0.6;
|
|
}
|
|
|
|
.global-cookie-message {
|
|
p {
|
|
@extend %site-width-container;
|
|
}
|
|
}
|
|
|
|
.footer-nav {
|
|
@include copy-16;
|
|
margin-bottom: $gutter-two-thirds;
|
|
|
|
a {
|
|
display: inline-block;
|
|
margin-right: $gutter-half;
|
|
}
|
|
}
|