Files
notifications-admin/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
Jonathan Bobel f342e0fb6c Updating site to use USWDS styles (#509)
* Updated header and footer
* Updated fonts
* Moved files around and updated gulpfile to correct the build process when it goes to production
* Adjusted grid templating
* Added images to assets
* Update app/templates/components/uk_components/footer/template.njk

Co-authored-by: Steven Reilly <stvnrlly@users.noreply.github.com>
2023-06-06 15:28:24 -04:00

66 lines
1.4 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", 7);
}
.large-number {
font-size: size("body", 16);
}