mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-05 06:28:25 -04:00
583a925e89
As part of updating the stylesheet, moved `.button-secondary` to the global stylesheet, since this is not related to list entries but instead affects all buttons with that class (this class wlil be removed once all the buttons are using the new macro).
227 lines
2.8 KiB
SCSS
227 lines
2.8 KiB
SCSS
// Extra CSS overlaying elements
|
|
a {
|
|
&:visited {
|
|
color: $link-colour;
|
|
}
|
|
}
|
|
|
|
.form-control-1-1 {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-control-5em {
|
|
|
|
width: 100%;
|
|
|
|
@include media(tablet) {
|
|
width: 5em;
|
|
}
|
|
|
|
}
|
|
|
|
.column-main {
|
|
|
|
.heading-large,
|
|
> .heading-medium {
|
|
margin: $gutter-half 0 ($gutter / 3 * 2) 0;
|
|
word-wrap: break-word;
|
|
|
|
&.top-gutter-0 {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.highlight {
|
|
font-family: monospace;
|
|
overflow-x: scroll;
|
|
padding: 10px 0 10px 10px;
|
|
}
|
|
|
|
.inline {
|
|
|
|
.block-label {
|
|
|
|
@include media(tablet) {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.heading-xlarge {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.heading-medium {
|
|
margin-top: $gutter;
|
|
}
|
|
|
|
.form-label {
|
|
margin-bottom: 5px;
|
|
|
|
&.heading-small {
|
|
@include bold-19();
|
|
}
|
|
}
|
|
|
|
.hint {
|
|
color: $secondary-text-colour;
|
|
|
|
.form-label + & {
|
|
display: block;
|
|
margin-top: -5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
.list-bullet {
|
|
|
|
.list-bullet {
|
|
list-style: circle;
|
|
}
|
|
|
|
}
|
|
|
|
details summary {
|
|
text-decoration: underline;
|
|
margin-bottom: $gutter-half;
|
|
}
|
|
|
|
.spreadsheet {
|
|
|
|
margin-bottom: -$gutter;
|
|
|
|
.table {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
th,
|
|
.table-field-index {
|
|
background: $grey-4;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
th, td {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
border: 1px solid $border-colour;
|
|
}
|
|
|
|
td {
|
|
|
|
border-top: 0;
|
|
// 194 is the width of the table * 1/3.5, so the overflow cuts off
|
|
// at 3.5 columns wide.
|
|
// 11 accounts for the padding of the table cell
|
|
min-width: 194px - 11px;
|
|
|
|
&:first-child {
|
|
min-width: auto;
|
|
}
|
|
|
|
}
|
|
|
|
.fullscreen-fixed-table {
|
|
|
|
z-index: 1000;
|
|
|
|
.table-field-heading-first {
|
|
background: $grey-4;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.body-copy-table {
|
|
|
|
table {
|
|
|
|
th,
|
|
td {
|
|
@include core-19;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
thead {
|
|
th {
|
|
@include bold-19;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.tabular-numbers {
|
|
@include core-19($tabular-numbers: true);
|
|
}
|
|
|
|
summary::-moz-details-marker {
|
|
display: none;
|
|
}
|
|
summary::-ms-details-marker {
|
|
display: none;
|
|
}
|
|
summary::-o-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
summary::details-marker {
|
|
display: none;
|
|
}
|
|
|
|
summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
details .arrow {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.block-label-hint {
|
|
@include core-16;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#content.override-elements-content {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.multiple-choice input:disabled+label {
|
|
opacity: 1;
|
|
color: $secondary-text-colour;
|
|
cursor: default;
|
|
}
|
|
|
|
.heading-inline {
|
|
display: inline-block;
|
|
}
|
|
|
|
.bordered-text-box {
|
|
padding: 5px;
|
|
outline: 2px solid $black;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.heading-upcoming-jobs {
|
|
margin-top: $gutter-half;
|
|
}
|
|
|
|
.button-secondary {
|
|
@include button($grey-3);
|
|
}
|