mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-09 14:29:49 -04:00
e0d2d74067
* Updated header and footer * Moved files around and updated gulpfile to correct the build process when it goes to production * Updated fonts * Adjusted grid templating * Adding images to assets * Updated account pages, dashboard, and pages in message sending flow * Updated the styling for the landing pages in the account section once logged in
137 lines
2.7 KiB
SCSS
137 lines
2.7 KiB
SCSS
/*
|
|
* * * * * ==============================
|
|
* * * * * ==============================
|
|
* * * * * ==============================
|
|
* * * * * ==============================
|
|
========================================
|
|
========================================
|
|
========================================
|
|
----------------------------------------
|
|
USWDS THEME CUSTOM STYLES
|
|
----------------------------------------
|
|
!! Copy this file to your project's
|
|
sass root. Don't edit the version
|
|
in node_modules.
|
|
----------------------------------------
|
|
Custom project SASS goes here.
|
|
|
|
i.e.
|
|
@include u-padding-right('05');
|
|
----------------------------------------
|
|
*/
|
|
|
|
@use "uswds-core" as *;
|
|
|
|
.usa-logo {
|
|
font-family: family("sans");
|
|
img {
|
|
@include at-media($theme-header-min-width) {
|
|
width: 80px;
|
|
height: 70px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.usa-nav__primary > .usa-nav__primary-item > a {
|
|
font-size: size("body", 4);
|
|
}
|
|
|
|
h1 {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.sub-content {
|
|
h1,
|
|
h2:not(.get-started-list__heading, .usa-process-list__heading) {
|
|
margin-top: units(4);
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
h2:not(.get-started-list__heading, .usa-process-list__heading),
|
|
h3 {
|
|
margin-top: units(5) !important;
|
|
margin-bottom: units(2) !important;
|
|
}
|
|
}
|
|
|
|
p,
|
|
.list li {
|
|
font-family: family("sans");
|
|
font-size: size("body", 6);
|
|
}
|
|
|
|
.large-number {
|
|
font-size: size("body", 16);
|
|
}
|
|
|
|
.big-number-with-status .big-number,
|
|
.big-number-with-status .big-number-smaller {
|
|
@include u-bg("primary");
|
|
}
|
|
|
|
.big-number-with-status .big-number-status,
|
|
.big-number-with-status .big-number-status-failing {
|
|
@include u-bg("green-cool-40v");
|
|
}
|
|
|
|
.show-more-no-border:focus,
|
|
.show-more:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.govuk-checkboxes__label::after {
|
|
top: 13px;
|
|
left: 9px;
|
|
width: 22px;
|
|
height: 11px;
|
|
}
|
|
|
|
.govuk-checkboxes__input:focus + .govuk-checkboxes__label::before,
|
|
.multiple-choice [type="radio"]:focus + label::before {
|
|
box-shadow: 0 0 0 3px color("blue-40v");
|
|
}
|
|
|
|
.usa-dark-background .pill-item__container {
|
|
color: #fff;
|
|
}
|
|
|
|
.pill-separate-item:link,
|
|
.pill-separate-item:visited {
|
|
text-decoration: none;
|
|
background: initial;
|
|
}
|
|
|
|
.template-footer .usa-link,
|
|
.template-content-count,
|
|
.table-empty-message,
|
|
td.table-empty-message {
|
|
font-size: size("body", "sm");
|
|
}
|
|
|
|
.textbox-highlight-background,
|
|
.textbox-highlight-foreground,
|
|
.textbox-highlight-mask,
|
|
.textbox-highlight-textbox {
|
|
font-size: units(2);
|
|
line-height: 1.2;
|
|
padding: units(1);
|
|
font-family: family("sans");
|
|
}
|
|
|
|
.govuk-inset-text {
|
|
border-color: color("blue-40v");
|
|
}
|
|
|
|
.usa-dark-background .pill-item__label {
|
|
color: white;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.pill-item.usa-link {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.sub-content .banner-dangerous h1 {
|
|
margin-top: 0;
|
|
}
|