├── .bundler-version ├── _sass ├── _uswds-theme-settings.scss ├── uswds │ ├── settings │ │ └── _uswds-conversion-variables.scss │ ├── src │ │ ├── packages │ │ │ ├── _uswds-fonts.scss │ │ │ ├── _usa-button-group.scss │ │ │ ├── _usa-tag.scss │ │ │ ├── _usa-alert.scss │ │ │ ├── _usa-button.scss │ │ │ ├── _usa-navbar.scss │ │ │ ├── _usa-table.scss │ │ │ ├── _layout-grid.scss │ │ │ ├── _usa-megamenu.scss │ │ │ ├── _usa-sidenav.scss │ │ │ ├── _usa-skipnav.scss │ │ │ ├── _usa-accordion.scss │ │ │ ├── _usa-checklist.scss │ │ │ ├── _form-controls.scss │ │ │ ├── _usa-nav-container.scss │ │ │ ├── _usa-nav.scss │ │ │ ├── _usa-card.scss │ │ │ ├── _usa-media-block.scss │ │ │ ├── _usa-hero.scss │ │ │ ├── _usa-banner.scss │ │ │ ├── _form-templates.scss │ │ │ ├── _validation.scss │ │ │ ├── _typography.scss │ │ │ ├── _global.scss │ │ │ ├── _usa-search.scss │ │ │ ├── _uswds-utilities.scss │ │ │ ├── _usa-footer.scss │ │ │ ├── _usa-header.scss │ │ │ └── _required.scss │ │ ├── base │ │ │ ├── _accessibility.scss │ │ │ └── _body.scss │ │ ├── core │ │ │ ├── placeholders │ │ │ │ ├── _all.scss │ │ │ │ └── _list.scss │ │ │ ├── mixins │ │ │ │ ├── _add-kerning.scss │ │ │ │ ├── _override-prose.scss │ │ │ │ ├── _embed-container.scss │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _media-block-img.scss │ │ │ │ ├── _media-link.scss │ │ │ │ ├── _usa-list-styles.scss │ │ │ │ ├── _usa-table-styles.scss │ │ │ │ ├── _add-success-mark.scss │ │ │ │ ├── utilities │ │ │ │ │ ├── _square.scss │ │ │ │ │ ├── _color.scss │ │ │ │ │ ├── _top.scss │ │ │ │ │ ├── _circle.scss │ │ │ │ │ ├── _left.scss │ │ │ │ │ ├── _order.scss │ │ │ │ │ ├── _right.scss │ │ │ │ │ ├── _background-color.scss │ │ │ │ │ ├── _bottom.scss │ │ │ │ │ ├── _cursor.scss │ │ │ │ │ ├── _z-index.scss │ │ │ │ │ ├── _float.scss │ │ │ │ │ ├── _outline-color.scss │ │ │ │ │ ├── _shadow.scss │ │ │ │ │ ├── _max-width.scss │ │ │ │ │ ├── _min-width.scss │ │ │ │ │ ├── _max-height.scss │ │ │ │ │ ├── _min-height.scss │ │ │ │ │ ├── _measure.scss │ │ │ │ │ ├── _position.scss │ │ │ │ │ ├── _font-weight.scss │ │ │ │ │ ├── _white-space.scss │ │ │ │ │ ├── _text-align.scss │ │ │ │ │ ├── _text-decoration-color.scss │ │ │ │ │ ├── _width.scss │ │ │ │ │ ├── _border-color.scss │ │ │ │ │ ├── _display.scss │ │ │ │ │ ├── _height.scss │ │ │ │ │ ├── _flex-direction.scss │ │ │ │ │ ├── _text-indent.scss │ │ │ │ │ ├── _justify-content.scss │ │ │ │ │ ├── _vertical-align.scss │ │ │ │ │ ├── _align-items.scss │ │ │ │ │ ├── _line-height.scss │ │ │ │ │ ├── _text-decoration.scss │ │ │ │ │ └── _overflow.scss │ │ │ │ ├── _unstyled-list.scss │ │ │ │ ├── _add-responsive-site-margins.scss │ │ │ │ ├── layout-grid │ │ │ │ │ ├── _grid-row.scss │ │ │ │ │ └── _grid-container.scss │ │ │ │ ├── _add-knockout-font-smoothing.scss │ │ │ │ ├── _border-box-sizing.scss │ │ │ │ ├── _button-disabled.scss │ │ │ │ ├── _add-checkbox-placeholder.scss │ │ │ │ ├── _add-background-svg.scss │ │ │ │ ├── _add-list-reset.scss │ │ │ │ ├── _button-unstyled.scss │ │ │ │ ├── _focus.scss │ │ │ │ ├── _screen-reader.scss │ │ │ │ ├── _external-link.scss │ │ │ │ ├── _add-aspect.scss │ │ │ │ └── _usa-typography.scss │ │ │ ├── system-tokens │ │ │ │ ├── _gray-cool.scss │ │ │ │ ├── _gray-warm.scss │ │ │ │ ├── _gray.scss │ │ │ │ ├── _red.scss │ │ │ │ ├── _blue.scss │ │ │ │ ├── _cyan.scss │ │ │ │ ├── _gold.scss │ │ │ │ ├── _green.scss │ │ │ │ ├── _mint.scss │ │ │ │ ├── _indigo.scss │ │ │ │ ├── _orange.scss │ │ │ │ ├── _violet.scss │ │ │ │ ├── _yellow.scss │ │ │ │ ├── _magenta.scss │ │ │ │ ├── _red-cool.scss │ │ │ │ ├── _red-warm.scss │ │ │ │ ├── _blue-cool.scss │ │ │ │ ├── _blue-warm.scss │ │ │ │ ├── _green-cool.scss │ │ │ │ ├── _green-warm.scss │ │ │ │ ├── _mint-cool.scss │ │ │ │ ├── _indigo-cool.scss │ │ │ │ ├── _indigo-warm.scss │ │ │ │ ├── _orange-warm.scss │ │ │ │ └── _violet-warm.scss │ │ │ ├── _defaults.scss │ │ │ └── _deprecated.scss │ │ ├── elements │ │ │ ├── form-controls │ │ │ │ ├── _file-input.scss │ │ │ │ ├── _all.scss │ │ │ │ ├── _character-count.scss │ │ │ │ ├── _text-input.scss │ │ │ │ ├── _dropdown.scss │ │ │ │ └── _date-input.scss │ │ │ ├── _figure.scss │ │ │ ├── _table.scss │ │ │ ├── typography │ │ │ │ ├── _prose.scss │ │ │ │ ├── _list.scss │ │ │ │ └── _links.scss │ │ │ ├── _embed.scss │ │ │ └── _tags.scss │ │ ├── components │ │ │ ├── _media-block.scss │ │ │ ├── _nav-container.scss │ │ │ ├── _layout.scss │ │ │ ├── _checklist.scss │ │ │ ├── _navbar.scss │ │ │ ├── _skipnav.scss │ │ │ ├── _sidenav.scss │ │ │ ├── _section.scss │ │ │ ├── _hero.scss │ │ │ └── _graphic-list.scss │ │ ├── global │ │ │ ├── _sizing.scss │ │ │ ├── _font-face.scss │ │ │ ├── _focus.scss │ │ │ └── _typography.scss │ │ ├── uswds.scss │ │ ├── utilities │ │ │ ├── utility-fonts.scss │ │ │ ├── rules │ │ │ │ ├── float.scss │ │ │ │ ├── width.scss │ │ │ │ ├── cursor.scss │ │ │ │ ├── height.scss │ │ │ │ ├── display.scss │ │ │ │ ├── order.scss │ │ │ │ ├── top.scss │ │ │ │ ├── opacity.scss │ │ │ │ ├── text-align.scss │ │ │ │ ├── z-index.scss │ │ │ │ ├── flex-wrap.scss │ │ │ │ ├── max-width.scss │ │ │ │ ├── min-width.scss │ │ │ │ ├── left.scss │ │ │ │ ├── position.scss │ │ │ │ ├── max-height.scss │ │ │ │ ├── min-height.scss │ │ │ │ ├── right.scss │ │ │ │ ├── whitespace.scss │ │ │ │ ├── bottom.scss │ │ │ │ ├── flex.scss │ │ │ │ ├── box-shadow.scss │ │ │ │ ├── measure.scss │ │ │ │ ├── font-weight.scss │ │ │ │ ├── font-style.scss │ │ │ │ ├── text-indent.scss │ │ │ │ ├── align-items.scss │ │ │ │ ├── square.scss │ │ │ │ ├── line-height.scss │ │ │ │ ├── border-style.scss │ │ │ │ ├── color.scss │ │ │ │ ├── letter-spacing.scss │ │ │ │ ├── text-transform.scss │ │ │ │ ├── flex-direction.scss │ │ │ │ ├── overflow.scss │ │ │ │ ├── text-decoration.scss │ │ │ │ ├── vertical-align.scss │ │ │ │ ├── clearfix.scss │ │ │ │ ├── font-feature.scss │ │ │ │ ├── outline.scss │ │ │ │ ├── circle.scss │ │ │ │ ├── border-color.scss │ │ │ │ ├── justify-content.scss │ │ │ │ ├── background-color.scss │ │ │ │ ├── outline-color.scss │ │ │ │ ├── text-decoration-color.scss │ │ │ │ └── add-list-reset.scss │ │ │ └── palettes │ │ │ │ └── colors │ │ │ │ ├── _black-transparent-palettes.scss │ │ │ │ └── _white-transparent-palettes.scss │ │ └── theme │ │ │ └── _uswds-theme-custom-styles.scss │ └── components │ │ ├── _site-width.scss │ │ ├── _all.scss │ │ ├── _nav-buttons.scss │ │ ├── _alt-color-section.scss │ │ ├── _usa-banner.scss │ │ ├── _footer.scss │ │ └── _hero.scss ├── _uswds-theme-packages.scss ├── _uswds-theme-override-settings.scss └── _uswds-theme-custom-styles.scss ├── .prettierignore ├── _includes ├── banner.html ├── skipnav.html ├── graphic-list.html ├── no.html ├── error.html ├── yes.html ├── title-1.html ├── document.html ├── title-2.html ├── title-3.html ├── header.html ├── favicon.html ├── subnav.html ├── footer.html ├── alert.html ├── components │ ├── github-edit.html │ ├── graphic-list.html │ ├── hero.html │ └── search.html ├── team-list.html ├── styles.html ├── meta.html ├── sidenav.html └── analytics.html ├── assets ├── img │ ├── doj.png │ ├── no.png │ ├── yes.png │ ├── circle.png │ ├── hero.png │ ├── document.png │ ├── project-images │ │ ├── aisle-parking.png │ │ ├── car-accessible.png │ │ ├── limited-spaces.png │ │ ├── van-accessible.png │ │ └── project-placeholder.png │ └── team-images │ │ └── team-placeholder.png ├── uswds │ ├── img │ │ ├── hero.png │ │ ├── circle-124.png │ │ ├── logo-img.png │ │ ├── correct8-alt.png │ │ ├── us_flag_small.png │ │ ├── favicons │ │ │ ├── favicon.ico │ │ │ ├── favicon.png │ │ │ ├── favicon-114.png │ │ │ ├── favicon-144.png │ │ │ ├── favicon-16.png │ │ │ ├── favicon-192.png │ │ │ ├── favicon-40.png │ │ │ ├── favicon-57.png │ │ │ └── favicon-72.png │ │ ├── social-icons │ │ │ ├── rss25.png │ │ │ ├── twitter16.png │ │ │ ├── youtube15.png │ │ │ ├── facebook25.png │ │ │ └── facebook25.svg │ │ ├── close-white-alt.svg │ │ ├── close-blue-30-alt.svg │ │ ├── close-blue-40v-alt.svg │ │ ├── close-blue-50-alt.svg │ │ ├── close-blue-50v-alt.svg │ │ ├── close-blue-60-alt.svg │ │ ├── close-blue-60v-alt.svg │ │ ├── close-gray-90-alt.svg │ │ ├── minus.svg │ │ ├── minus-alt.svg │ │ ├── close.svg │ │ ├── angle-arrow-down-white.svg │ │ ├── angle-arrow-down.svg │ │ ├── angle-arrow-up-primary.svg │ │ ├── arrow-down.svg │ │ ├── arrow-right.svg │ │ ├── angle-arrow-down-hover.svg │ │ ├── angle-arrow-up-white.svg │ │ ├── arrow-both.svg │ │ ├── checkbox-check-print.svg │ │ ├── angle-arrow-down-primary.svg │ │ ├── angle-arrow-up-primary-hover.svg │ │ ├── angle-arrow-down-primary-hover.svg │ │ ├── correct8.svg │ │ ├── correct8-alt.svg │ │ ├── correct9.svg │ │ ├── close-primary.svg │ │ ├── icon-https.svg │ │ ├── plus.svg │ │ ├── icon-dot-gov.svg │ │ ├── plus-alt.svg │ │ └── alerts │ │ │ └── success.svg │ └── fonts │ │ ├── public-sans │ │ ├── PublicSans-Black.ttf │ │ ├── PublicSans-Bold.ttf │ │ ├── PublicSans-Bold.woff │ │ ├── PublicSans-Light.ttf │ │ ├── PublicSans-Thin.ttf │ │ ├── PublicSans-Thin.woff │ │ ├── PublicSans-Black.woff │ │ ├── PublicSans-Black.woff2 │ │ ├── PublicSans-Bold.woff2 │ │ ├── PublicSans-Italic.ttf │ │ ├── PublicSans-Italic.woff │ │ ├── PublicSans-Light.woff │ │ ├── PublicSans-Light.woff2 │ │ ├── PublicSans-Medium.ttf │ │ ├── PublicSans-Medium.woff │ │ ├── PublicSans-Regular.ttf │ │ ├── PublicSans-Thin.woff2 │ │ ├── PublicSans-BoldItalic.ttf │ │ ├── PublicSans-ExtraBold.ttf │ │ ├── PublicSans-ExtraBold.woff │ │ ├── PublicSans-ExtraLight.ttf │ │ ├── PublicSans-Italic.woff2 │ │ ├── PublicSans-Medium.woff2 │ │ ├── PublicSans-Regular.woff │ │ ├── PublicSans-Regular.woff2 │ │ ├── PublicSans-SemiBold.ttf │ │ ├── PublicSans-SemiBold.woff │ │ ├── PublicSans-SemiBold.woff2 │ │ ├── PublicSans-ThinItalic.ttf │ │ ├── PublicSans-BlackItalic.ttf │ │ ├── PublicSans-BlackItalic.woff │ │ ├── PublicSans-BoldItalic.woff │ │ ├── PublicSans-BoldItalic.woff2 │ │ ├── PublicSans-ExtraBold.woff2 │ │ ├── PublicSans-ExtraLight.woff │ │ ├── PublicSans-ExtraLight.woff2 │ │ ├── PublicSans-LightItalic.ttf │ │ ├── PublicSans-LightItalic.woff │ │ ├── PublicSans-MediumItalic.ttf │ │ ├── PublicSans-ThinItalic.woff │ │ ├── PublicSans-ThinItalic.woff2 │ │ ├── PublicSans-BlackItalic.woff2 │ │ ├── PublicSans-ExtraBoldItalic.ttf │ │ ├── PublicSans-LightItalic.woff2 │ │ ├── PublicSans-MediumItalic.woff │ │ ├── PublicSans-MediumItalic.woff2 │ │ ├── PublicSans-SemiBoldItalic.ttf │ │ ├── PublicSans-SemiBoldItalic.woff │ │ ├── PublicSans-ExtraBoldItalic.woff │ │ ├── PublicSans-ExtraBoldItalic.woff2 │ │ ├── PublicSans-ExtraLightItalic.ttf │ │ ├── PublicSans-ExtraLightItalic.woff │ │ ├── PublicSans-SemiBoldItalic.woff2 │ │ └── PublicSans-ExtraLightItalic.woff2 │ │ ├── merriweather │ │ ├── Latin-Merriweather-Black.ttf │ │ ├── Latin-Merriweather-Black.woff │ │ ├── Latin-Merriweather-Bold.ttf │ │ ├── Latin-Merriweather-Bold.woff │ │ ├── Latin-Merriweather-Bold.woff2 │ │ ├── Latin-Merriweather-Italic.ttf │ │ ├── Latin-Merriweather-Light.ttf │ │ ├── Latin-Merriweather-Light.woff │ │ ├── Latin-Merriweather-Black.woff2 │ │ ├── Latin-Merriweather-Italic.woff │ │ ├── Latin-Merriweather-Italic.woff2 │ │ ├── Latin-Merriweather-Light.woff2 │ │ ├── Latin-Merriweather-Regular.ttf │ │ ├── Latin-Merriweather-Regular.woff │ │ ├── Latin-Merriweather-BlackItalic.ttf │ │ ├── Latin-Merriweather-BoldItalic.ttf │ │ ├── Latin-Merriweather-BoldItalic.woff │ │ ├── Latin-Merriweather-LightItalic.ttf │ │ ├── Latin-Merriweather-Regular.woff2 │ │ ├── Latin-Merriweather-BlackItalic.woff │ │ ├── Latin-Merriweather-BlackItalic.woff2 │ │ ├── Latin-Merriweather-BoldItalic.woff2 │ │ ├── Latin-Merriweather-LightItalic.woff │ │ └── Latin-Merriweather-LightItalic.woff2 │ │ ├── roboto-mono │ │ ├── roboto-mono-v5-latin-100.ttf │ │ ├── roboto-mono-v5-latin-100.woff │ │ ├── roboto-mono-v5-latin-100.woff2 │ │ ├── roboto-mono-v5-latin-300.ttf │ │ ├── roboto-mono-v5-latin-300.woff │ │ ├── roboto-mono-v5-latin-300.woff2 │ │ ├── roboto-mono-v5-latin-500.ttf │ │ ├── roboto-mono-v5-latin-500.woff │ │ ├── roboto-mono-v5-latin-500.woff2 │ │ ├── roboto-mono-v5-latin-700.ttf │ │ ├── roboto-mono-v5-latin-700.woff │ │ ├── roboto-mono-v5-latin-700.woff2 │ │ ├── roboto-mono-v5-latin-italic.ttf │ │ ├── roboto-mono-v5-latin-italic.woff │ │ ├── roboto-mono-v5-latin-regular.ttf │ │ ├── roboto-mono-v5-latin-100italic.ttf │ │ ├── roboto-mono-v5-latin-100italic.woff │ │ ├── roboto-mono-v5-latin-300italic.ttf │ │ ├── roboto-mono-v5-latin-300italic.woff │ │ ├── roboto-mono-v5-latin-500italic.ttf │ │ ├── roboto-mono-v5-latin-500italic.woff │ │ ├── roboto-mono-v5-latin-700italic.ttf │ │ ├── roboto-mono-v5-latin-700italic.woff │ │ ├── roboto-mono-v5-latin-italic.woff2 │ │ ├── roboto-mono-v5-latin-regular.woff │ │ ├── roboto-mono-v5-latin-regular.woff2 │ │ ├── roboto-mono-v5-latin-100italic.woff2 │ │ ├── roboto-mono-v5-latin-300italic.woff2 │ │ ├── roboto-mono-v5-latin-500italic.woff2 │ │ └── roboto-mono-v5-latin-700italic.woff2 │ │ └── source-sans-pro │ │ ├── sourcesanspro-black-webfont.ttf │ │ ├── sourcesanspro-bold-webfont.ttf │ │ ├── sourcesanspro-bold-webfont.woff │ │ ├── sourcesanspro-light-webfont.ttf │ │ ├── sourcesanspro-black-webfont.woff │ │ ├── sourcesanspro-black-webfont.woff2 │ │ ├── sourcesanspro-bold-webfont.woff2 │ │ ├── sourcesanspro-italic-webfont.ttf │ │ ├── sourcesanspro-italic-webfont.woff │ │ ├── sourcesanspro-light-webfont.woff │ │ ├── sourcesanspro-light-webfont.woff2 │ │ ├── sourcesanspro-regular-webfont.ttf │ │ ├── sourcesanspro-bolditalic-webfont.ttf │ │ ├── sourcesanspro-extralight-webfont.ttf │ │ ├── sourcesanspro-italic-webfont.woff2 │ │ ├── sourcesanspro-regular-webfont.woff │ │ ├── sourcesanspro-regular-webfont.woff2 │ │ ├── sourcesanspro-semibold-webfont.ttf │ │ ├── sourcesanspro-semibold-webfont.woff │ │ ├── sourcesanspro-semibold-webfont.woff2 │ │ ├── sourcesanspro-blackitalic-webfont.ttf │ │ ├── sourcesanspro-blackitalic-webfont.woff │ │ ├── sourcesanspro-bolditalic-webfont.woff │ │ ├── sourcesanspro-bolditalic-webfont.woff2 │ │ ├── sourcesanspro-extralight-webfont.woff │ │ ├── sourcesanspro-extralight-webfont.woff2 │ │ ├── sourcesanspro-lightitalic-webfont.ttf │ │ ├── sourcesanspro-lightitalic-webfont.woff │ │ ├── sourcesanspro-blackitalic-webfont.woff2 │ │ ├── sourcesanspro-lightitalic-webfont.woff2 │ │ ├── sourcesanspro-semibolditalic-webfont.ttf │ │ ├── sourcesanspro-semibolditalic-webfont.woff │ │ ├── sourcesanspro-extralightitalic-webfont.ttf │ │ ├── sourcesanspro-extralightitalic-webfont.woff │ │ ├── sourcesanspro-semibolditalic-webfont.woff2 │ │ └── sourcesanspro-extralightitalic-webfont.woff2 └── js │ └── main.js ├── _layouts ├── post.html ├── home.html ├── project.html └── page.html ├── Gemfile ├── pages └── 404.md ├── .gitignore ├── Rakefile ├── .github └── ISSUE_TEMPLATE │ └── general.md ├── package.json ├── uswds-jekyll.gemspec └── _data └── favicons.yml /.bundler-version: -------------------------------------------------------------------------------- 1 | 2.0.2 -------------------------------------------------------------------------------- /_sass/_uswds-theme-settings.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | *.csv 2 | *.html 3 | *.md -------------------------------------------------------------------------------- /_sass/uswds/settings/_uswds-conversion-variables.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_includes/banner.html: -------------------------------------------------------------------------------- 1 | {% include components/banner.html %} 2 | -------------------------------------------------------------------------------- /_sass/_uswds-theme-packages.scss: -------------------------------------------------------------------------------- 1 | @import "uswds/src/uswds"; 2 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_uswds-fonts.scss: -------------------------------------------------------------------------------- 1 | // src 2 | @import "../global/font-face"; 3 | -------------------------------------------------------------------------------- /assets/img/doj.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/doj.png -------------------------------------------------------------------------------- /assets/img/no.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/no.png -------------------------------------------------------------------------------- /assets/img/yes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/yes.png -------------------------------------------------------------------------------- /_sass/uswds/src/base/_accessibility.scss: -------------------------------------------------------------------------------- 1 | .usa-sr-only { 2 | @include sr-only; 3 | } 4 | -------------------------------------------------------------------------------- /assets/img/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/circle.png -------------------------------------------------------------------------------- /assets/img/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/hero.png -------------------------------------------------------------------------------- /_includes/skipnav.html: -------------------------------------------------------------------------------- 1 | Skip to main content 2 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/placeholders/_all.scss: -------------------------------------------------------------------------------- 1 | @import "list.scss"; 2 | @import "table.scss"; 3 | -------------------------------------------------------------------------------- /assets/img/document.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/document.png -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-button-group.scss: -------------------------------------------------------------------------------- 1 | // src 2 | @import "../components/button-groups"; 3 | -------------------------------------------------------------------------------- /assets/uswds/img/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/hero.png -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-tag.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/tags"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-alert.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/alerts"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-button.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/buttons"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-navbar.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/navbar"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-table.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/table"; 5 | -------------------------------------------------------------------------------- /assets/uswds/img/circle-124.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/circle-124.png -------------------------------------------------------------------------------- /assets/uswds/img/logo-img.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/logo-img.png -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_layout-grid.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/layout-grid"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-megamenu.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/megamenu"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-sidenav.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/sidenav"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-skipnav.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/skipnav"; 5 | -------------------------------------------------------------------------------- /assets/uswds/img/correct8-alt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/correct8-alt.png -------------------------------------------------------------------------------- /_includes/graphic-list.html: -------------------------------------------------------------------------------- 1 | {% assign graphics = include.graphics %} 2 | {% include components/graphic-list.html %} 3 | -------------------------------------------------------------------------------- /_sass/_uswds-theme-override-settings.scss: -------------------------------------------------------------------------------- 1 | $theme-image-path: "../uswds/img"; 2 | $theme-font-path: "../uswds/fonts"; 3 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-accordion.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/accordions"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-checklist.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/checklist"; 5 | -------------------------------------------------------------------------------- /assets/uswds/img/us_flag_small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/us_flag_small.png -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_file-input.scss: -------------------------------------------------------------------------------- 1 | [type="file"] { 2 | border: none; 3 | padding-left: 0; 4 | } 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_form-controls.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/form-controls/all"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-nav-container.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../components/nav-container"; 5 | -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon.ico -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-114.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-144.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-16.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-192.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-40.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-57.png -------------------------------------------------------------------------------- /assets/uswds/img/favicons/favicon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/favicons/favicon-72.png -------------------------------------------------------------------------------- /assets/uswds/img/social-icons/rss25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/social-icons/rss25.png -------------------------------------------------------------------------------- /_sass/uswds/src/elements/_figure.scss: -------------------------------------------------------------------------------- 1 | img { 2 | max-width: 100%; 3 | } 4 | 5 | .usa-media-link { 6 | @include media-link(); 7 | } 8 | -------------------------------------------------------------------------------- /assets/img/project-images/aisle-parking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/project-images/aisle-parking.png -------------------------------------------------------------------------------- /assets/img/team-images/team-placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/team-images/team-placeholder.png -------------------------------------------------------------------------------- /assets/uswds/img/social-icons/twitter16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/social-icons/twitter16.png -------------------------------------------------------------------------------- /assets/uswds/img/social-icons/youtube15.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/social-icons/youtube15.png -------------------------------------------------------------------------------- /_sass/uswds/components/_site-width.scss: -------------------------------------------------------------------------------- 1 | .site-wide { 2 | .grid-container, 3 | .usa-footer__nav { 4 | max-width: 100%; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /_sass/uswds/src/base/_body.scss: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: color("white"); 3 | color: color("ink"); 4 | overflow-x: hidden; 5 | } 6 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-kerning.scss: -------------------------------------------------------------------------------- 1 | @mixin add-kerning { 2 | font-feature-settings: "kern" 1; 3 | font-kerning: normal; 4 | } 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_override-prose.scss: -------------------------------------------------------------------------------- 1 | @mixin override-prose { 2 | @content; 3 | .usa-prose { 4 | @content; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-nav.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "usa-megamenu"; 3 | 4 | // src 5 | @import "../components/navigation"; 6 | -------------------------------------------------------------------------------- /assets/img/project-images/car-accessible.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/project-images/car-accessible.png -------------------------------------------------------------------------------- /assets/img/project-images/limited-spaces.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/project-images/limited-spaces.png -------------------------------------------------------------------------------- /assets/img/project-images/van-accessible.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/project-images/van-accessible.png -------------------------------------------------------------------------------- /assets/uswds/img/social-icons/facebook25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/img/social-icons/facebook25.png -------------------------------------------------------------------------------- /_includes/no.html: -------------------------------------------------------------------------------- 1 | Red X -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | main: 4 | class: usa-grid usa-section usa-content usa-layout-docs 5 | --- 6 | 7 | {{ content }} 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-card.scss: -------------------------------------------------------------------------------- 1 | @import "../elements/typography/links"; 2 | @import "usa-button"; 3 | 4 | @import "../components/card"; 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_embed-container.scss: -------------------------------------------------------------------------------- 1 | @mixin embed-container($height, $width) { 2 | padding-bottom: percentage($height/$width); 3 | } 4 | -------------------------------------------------------------------------------- /assets/img/project-images/project-placeholder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/img/project-images/project-placeholder.png -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Black.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Bold.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Bold.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Light.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Thin.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Thin.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Thin.woff -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | source "https://rubygems.org" 2 | gemspec :name => 'uswds-jekyll' 3 | 4 | group :jekyll_plugins do 5 | gem 'jekyll-last-modified-at' 6 | end 7 | -------------------------------------------------------------------------------- /_includes/error.html: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_includes/yes.html: -------------------------------------------------------------------------------- 1 | Green checkmark -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-media-block.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../elements/figure"; 3 | 4 | // src 5 | @import "../components/media-block"; 6 | -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Black.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Black.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Bold.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Light.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Light.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Medium.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Medium.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Medium.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Regular.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Thin.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Thin.woff2 -------------------------------------------------------------------------------- /_includes/title-1.html: -------------------------------------------------------------------------------- 1 | Title I -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix { 2 | &::after { 3 | clear: both; 4 | content: ""; 5 | display: block; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_media-block-img.scss: -------------------------------------------------------------------------------- 1 | @mixin media-block-img($margin-right: units(1)) { 2 | float: left; 3 | margin-right: $margin-right; 4 | } 5 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/_table.scss: -------------------------------------------------------------------------------- 1 | .usa-table { 2 | @extend %usa-table; 3 | } 4 | 5 | .usa-table--borderless { 6 | @extend %usa-table--borderless; 7 | } 8 | -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BoldItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBold.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBold.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLight.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLight.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Medium.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Medium.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Regular.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-Regular.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBold.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBold.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBold.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ThinItalic.ttf -------------------------------------------------------------------------------- /_layouts/home.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | main: 4 | class: usa-section 5 | --- 6 | 7 |
8 | {{ content }} 9 |
10 | -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BlackItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BlackItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BoldItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BoldItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBold.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLight.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLight.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLight.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLight.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-LightItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-LightItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-MediumItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ThinItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ThinItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ThinItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ThinItalic.woff2 -------------------------------------------------------------------------------- /_includes/document.html: -------------------------------------------------------------------------------- 1 | Orange documents -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Black.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Black.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Black.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Bold.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Light.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Light.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Light.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-BlackItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-LightItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-MediumItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-MediumItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-MediumItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-MediumItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2 -------------------------------------------------------------------------------- /_sass/uswds/src/components/_media-block.scss: -------------------------------------------------------------------------------- 1 | .usa-media-block__img { 2 | @include media-block-img; 3 | } 4 | 5 | .usa-media-block__body { 6 | overflow: hidden; 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/typography/_prose.scss: -------------------------------------------------------------------------------- 1 | .usa-prose { 2 | @include typeset($theme-prose-font-family); 3 | & > { 4 | @include usa-content-styles; 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-hero.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../elements/layout-grid"; 3 | @import "usa-button"; 4 | 5 | // src 6 | @import "../components/hero"; 7 | -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Black.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Black.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Light.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraBoldItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-SemiBoldItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-Regular.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/public-sans/PublicSans-ExtraLightItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.ttf -------------------------------------------------------------------------------- /_includes/title-2.html: -------------------------------------------------------------------------------- 1 | Title II -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BlackItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/merriweather/Latin-Merriweather-LightItalic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-100italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-500italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-black-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf -------------------------------------------------------------------------------- /_includes/title-3.html: -------------------------------------------------------------------------------- 1 | Title III -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralight-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-banner.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "layout-grid"; 3 | @import "usa-accordion"; 4 | @import "usa-media-block"; 5 | 6 | // src 7 | @import "../components/banner"; 8 | -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-blackitalic-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2 -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.woff -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 | {% assign header = site.data.header %} 2 | 3 | {% if header.usa_banner %} 4 | {% include components/banner.html %} 5 | {% endif %} 6 | 7 | {% include components/header.html %} 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_media-link.scss: -------------------------------------------------------------------------------- 1 | // TODO: Add documentation instructions for using this class on image links 2 | @mixin media-link { 3 | display: inline-block; 4 | line-height: 0; 5 | } 6 | -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.ttf -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.woff -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-semibolditalic-webfont.woff2 -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_usa-list-styles.scss: -------------------------------------------------------------------------------- 1 | @mixin usa-list-styles { 2 | ul, 3 | ol { 4 | @extend %usa-list; 5 | 6 | li { 7 | @extend %usa-list-item; 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/18F/ada-sandbox/main/assets/uswds/fonts/source-sans-pro/sourcesanspro-extralightitalic-webfont.woff2 -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_usa-table-styles.scss: -------------------------------------------------------------------------------- 1 | @mixin usa-table-styles { 2 | table { 3 | @extend %usa-table; 4 | } 5 | .usa-table--borderless { 6 | @extend %usa-table--borderless; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /_sass/uswds/components/_all.scss: -------------------------------------------------------------------------------- 1 | @import "alt-color-section"; 2 | @import "card"; 3 | @import "footer"; 4 | @import "header"; 5 | @import "hero"; 6 | @import "side-nav"; 7 | @import "top-nav"; 8 | @import "usa-banner"; 9 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_form-templates.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "layout-grid"; 3 | @import "usa-alert"; 4 | @import "usa-button"; 5 | @import "form-controls"; 6 | 7 | // component 8 | @import "../components/forms"; 9 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-success-mark.scss: -------------------------------------------------------------------------------- 1 | @mixin add-success-mark { 2 | &::before { 3 | @include add-background-svg("correct9"); 4 | background-position: center; 5 | background-size: units(2.5); 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_square.scss: -------------------------------------------------------------------------------- 1 | // Outputs a square 2 | @mixin u-square($value...) { 3 | $value: unpack($value); 4 | $dimension: $value; 5 | @include u-height($value); 6 | @include u-width($value); 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_validation.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../elements/form-controls/all"; 3 | @import "usa-checklist"; 4 | @import "usa-alert"; 5 | @import "usa-button"; 6 | 7 | // src 8 | @import "../components/forms"; 9 | -------------------------------------------------------------------------------- /_sass/_uswds-theme-custom-styles.scss: -------------------------------------------------------------------------------- 1 | .icon-list { 2 | list-style: none; 3 | padding-left: 2ch; 4 | 5 | li { 6 | margin-left: 27px; 7 | text-indent: -27px; 8 | } 9 | } 10 | .usa-prose .icon-list li { 11 | margin-bottom: .5em; 12 | } -------------------------------------------------------------------------------- /pages/404.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Not found (404) 3 | layout: page 4 | permalink: 404.html 5 | --- 6 | 7 | # Not found (404) 8 | 9 | Sorry, we can’t find that page. If you entered the address manually, please check your spelling and try again. 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_typography.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | 3 | // src 4 | @import "../elements/typography/links"; 5 | @import "../elements/typography/list"; 6 | @import "../elements/typography/prose"; 7 | @import "../elements/typography/content"; 8 | -------------------------------------------------------------------------------- /_includes/favicon.html: -------------------------------------------------------------------------------- 1 | {% for icon in site.data.favicons %} 2 | 5 | {% endfor %} 6 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_global.scss: -------------------------------------------------------------------------------- 1 | // Global 2 | // ------------------------------------- 3 | @import "../lib/normalize"; 4 | @import "../global/font-face"; 5 | @import "../global/focus"; 6 | @import "../global/sizing"; 7 | @import "../global/typography"; 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_nav-container.scss: -------------------------------------------------------------------------------- 1 | .usa-nav-container { 2 | @include at-media($theme-header-min-width) { 3 | @include clearfix; 4 | @include grid-container($theme-header-max-width); 5 | @include u-padding-x($theme-site-margins-width); 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-search.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../base/accessibility"; 3 | @import "../elements/form-controls/global"; 4 | @import "../elements/form-controls/text-input"; 5 | @import "usa-button"; 6 | 7 | // src 8 | @import "../components/search"; 9 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_uswds-utilities.scss: -------------------------------------------------------------------------------- 1 | // src 2 | @import "../utilities/utility-fonts"; 3 | @import "../utilities/palettes/all"; 4 | @import "../utilities/rules/all"; 5 | @import "../utilities/rules/package"; 6 | @include render-utilities-in($utilities-package); 7 | -------------------------------------------------------------------------------- /_includes/subnav.html: -------------------------------------------------------------------------------- 1 | {% for link in include.links %} 2 |
  • 3 | {{ link.text }} {{ link.class }} 4 |
    • 5 | {% endfor %} 6 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_unstyled-list.scss: -------------------------------------------------------------------------------- 1 | // Unstyled list helper 2 | @mixin unstyled-list() { 3 | @include u-margin-y(0); 4 | list-style-type: none; 5 | padding-left: 0; 6 | 7 | > li { 8 | margin-bottom: 0; 9 | max-width: unset; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-responsive-site-margins.scss: -------------------------------------------------------------------------------- 1 | @mixin add-responsive-site-margins { 2 | @include u-padding-x($theme-site-margins-mobile-width); 3 | @include at-media($theme-site-margins-breakpoint) { 4 | @include u-padding-x($theme-site-margins-width); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/typography/_list.scss: -------------------------------------------------------------------------------- 1 | .usa-list { 2 | @extend %usa-list; 3 | 4 | li { 5 | @extend %usa-list-item; 6 | } 7 | } 8 | 9 | // Unstyled lists 10 | @include override-prose { 11 | .usa-list--unstyled { 12 | @include unstyled-list; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/layout-grid/_grid-row.scss: -------------------------------------------------------------------------------- 1 | @mixin grid-row($props...) { 2 | $display: append-important($grid-global, flex); 3 | $flex: append-important($grid-global, wrap); 4 | @include u-display($display); 5 | @include u-flex($flex); 6 | @include this-border-box-sizing; 7 | } 8 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_all.scss: -------------------------------------------------------------------------------- 1 | @import "global"; 2 | @import "checkbox-and-radio"; 3 | @import "date-input"; 4 | @import "dropdown"; 5 | @import "file-input"; 6 | @import "range-input"; 7 | @import "text-input"; 8 | @import "character-count"; 9 | @import "combo-box"; 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_character-count.scss: -------------------------------------------------------------------------------- 1 | .usa-character-count__message { 2 | display: inline-block; 3 | padding-top: units(0.5); 4 | } 5 | 6 | .usa-character-count__message--invalid { 7 | color: color("error-dark"); 8 | font-weight: font-weight("bold"); 9 | } 10 | -------------------------------------------------------------------------------- /assets/uswds/img/close-white-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-30-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-40v-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-50-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-50v-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-60-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-blue-60v-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assets/uswds/img/close-gray-90-alt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_color.scss: -------------------------------------------------------------------------------- 1 | // Outputs color 2 | 3 | @mixin u-color($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | color: color($value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_top.scss: -------------------------------------------------------------------------------- 1 | // Outputs top 2 | 3 | @mixin u-top($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | top: get-uswds-value(top, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_circle.scss: -------------------------------------------------------------------------------- 1 | // Outputs a square 2 | @mixin u-circle($value...) { 3 | $value: unpack($value); 4 | $dimension: $value; 5 | $radius: append-important($value, pill); 6 | @include u-height($dimension); 7 | @include u-radius($radius); 8 | @include u-width($dimension); 9 | } 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_left.scss: -------------------------------------------------------------------------------- 1 | // Outputs right 2 | 3 | @mixin u-left($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | left: get-uswds-value(left, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_order.scss: -------------------------------------------------------------------------------- 1 | // Outputs order 2 | 3 | @mixin u-order($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | order: get-uswds-value(order, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_right.scss: -------------------------------------------------------------------------------- 1 | // Outputs right 2 | 3 | @mixin u-right($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | right: get-uswds-value(right, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_background-color.scss: -------------------------------------------------------------------------------- 1 | @mixin u-bg($value...) { 2 | $value: unpack($value); 3 | $important: null; 4 | @if has-important($value) { 5 | $value: remove($value, "!important"); 6 | $important: " !important"; 7 | } 8 | background-color: color($value) #{$important}; 9 | } 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_bottom.scss: -------------------------------------------------------------------------------- 1 | // Outputs bottom 2 | 3 | @mixin u-bottom($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | bottom: get-uswds-value(bottom, $value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_cursor.scss: -------------------------------------------------------------------------------- 1 | // Outputs cursor 2 | 3 | @mixin u-cursor($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | cursor: get-uswds-value(cursor, $value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_z-index.scss: -------------------------------------------------------------------------------- 1 | // Outputs width 2 | 3 | @mixin u-z($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | z-index: get-uswds-value(z-index, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-knockout-font-smoothing.scss: -------------------------------------------------------------------------------- 1 | @mixin add-knockout-font-smoothing { 2 | -moz-osx-font-smoothing: grayscale; 3 | -webkit-font-smoothing: antialiased; 4 | } 5 | 6 | @mixin no-knockout-font-smoothing { 7 | -moz-osx-font-smoothing: auto; 8 | -webkit-font-smoothing: subpixel-antialiased; 9 | } 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_float.scss: -------------------------------------------------------------------------------- 1 | // Outputs line-height 2 | 3 | @mixin u-float($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | float: get-uswds-value(float, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_outline-color.scss: -------------------------------------------------------------------------------- 1 | // Outputs line-height 2 | 3 | @mixin u-outline-color($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | outline-color: color($value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_shadow.scss: -------------------------------------------------------------------------------- 1 | // Outputs top 2 | 3 | @mixin u-shadow($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | box-shadow: get-uswds-value(box-shadow, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/global/_sizing.scss: -------------------------------------------------------------------------------- 1 | // Apply a natural box layout model to all elements, but allowing components to 2 | // change 3 | 4 | @if $theme-global-border-box-sizing { 5 | html { 6 | box-sizing: border-box; 7 | } 8 | 9 | *, 10 | *::before, 11 | *::after { 12 | box-sizing: inherit; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_max-width.scss: -------------------------------------------------------------------------------- 1 | // Outputs max-width 2 | 3 | @mixin u-maxw($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | max-width: get-uswds-value(max-width, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_min-width.scss: -------------------------------------------------------------------------------- 1 | // Outputs min-width 2 | 3 | @mixin u-minw($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | min-width: get-uswds-value(min-width, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_max-height.scss: -------------------------------------------------------------------------------- 1 | // Outputs max-height 2 | 3 | @mixin u-maxh($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | max-height: get-uswds-value(max-height, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_min-height.scss: -------------------------------------------------------------------------------- 1 | // Outputs min-height 2 | 3 | @mixin u-minh($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | min-height: get-uswds-value(min-height, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_text-input.scss: -------------------------------------------------------------------------------- 1 | .usa-input, 2 | .usa-textarea { 3 | @extend %block-input-general; 4 | @extend %block-input-styles; 5 | } 6 | 7 | .usa-textarea { 8 | height: units("card"); 9 | } 10 | 11 | .usa-input--error { 12 | @include u-border($theme-input-state-border-width, "error-dark"); 13 | } 14 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_measure.scss: -------------------------------------------------------------------------------- 1 | // Outputs measure max-width 2 | 3 | @mixin u-measure($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | max-width: get-uswds-value(measure, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_position.scss: -------------------------------------------------------------------------------- 1 | // Outputs position property 2 | 3 | @mixin u-position($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | position: get-uswds-value(position, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | *.gem 2 | node_modules/ 3 | .DS_Store 4 | 5 | # Environment normalization: 6 | /.bundle/ 7 | /vendor/bundle 8 | /lib/bundler/man/ 9 | 10 | # unless supporting rvm < 1.11.0 or doing something fancy, ignore this: 11 | .rvmrc 12 | 13 | # Jekyll stuff 14 | .jekyll-cache 15 | .jekyll-metadata 16 | .jekyll-cache 17 | _site 18 | .sass-cache 19 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_font-weight.scss: -------------------------------------------------------------------------------- 1 | // Outputs line-height 2 | 3 | @mixin u-font-weight($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | font-weight: get-uswds-value(font-weight, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_white-space.scss: -------------------------------------------------------------------------------- 1 | // Outputs white-space 2 | 3 | @mixin u-white-space($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | white-space: get-uswds-value(white-space, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_text-align.scss: -------------------------------------------------------------------------------- 1 | // Outputs text-align property 2 | 3 | @mixin u-text-align($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | text-align: get-uswds-value(text-align, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_text-decoration-color.scss: -------------------------------------------------------------------------------- 1 | // Outputs text-decoration-color 2 | 3 | @mixin u-underline($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | text-decoration-color: color($value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_width.scss: -------------------------------------------------------------------------------- 1 | // Outputs width 2 | 3 | @mixin u-width($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | width: get-uswds-value(width, $value...) #{$important}; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_border-color.scss: -------------------------------------------------------------------------------- 1 | // Outputs border-color 2 | 3 | @mixin u-border-color($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | border-color: color($value) #{$important}; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_display.scss: -------------------------------------------------------------------------------- 1 | // Outputs display 2 | 3 | @mixin u-display($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | display: get-uswds-value(display, $value) #{$important}; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_height.scss: -------------------------------------------------------------------------------- 1 | // Outputs height 2 | 3 | @mixin u-height($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | height: get-uswds-value(height, $value...) #{$important}; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-footer.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../elements/layout-grid"; 3 | @import "../elements/form-controls/global"; 4 | @import "../elements/form-controls/text-input"; 5 | @import "../elements/typography/list"; 6 | @import "../components/forms"; 7 | @import "usa-button"; 8 | 9 | // component 10 | @import "../components/footer"; 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_flex-direction.scss: -------------------------------------------------------------------------------- 1 | // Outputs flex-direction 2 | 3 | @mixin u-flex-direction($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | flex-direction: get-uswds-value(flex-direction, $value) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_text-indent.scss: -------------------------------------------------------------------------------- 1 | // Outputs text-indent property 2 | 3 | @mixin u-text-indent($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | text-indent: get-uswds-value("text-indent", $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_justify-content.scss: -------------------------------------------------------------------------------- 1 | // Outputs justify-content 2 | 3 | @mixin u-justify-content($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | justify-content: get-uswds-value(justify-content, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_usa-header.scss: -------------------------------------------------------------------------------- 1 | // dependencies 2 | @import "../base/accessibility"; 3 | @import "layout-grid"; 4 | @import "usa-accordion"; 5 | @import "usa-banner"; 6 | @import "usa-nav"; 7 | @import "usa-nav-container"; 8 | @import "usa-navbar"; 9 | @import "usa-search"; 10 | @import "usa-skipnav"; 11 | 12 | // src 13 | @import "../components/header"; 14 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | {% assign footer = site.data.footer %} 2 | 3 | {% if footer.type == 'slim' %} 4 | {% include components/footer--slim.html %} 5 | {% elsif footer.type == 'default' or footer.type == 'medium' %} 6 | {% include components/footer--default.html %} 7 | {% elsif footer.type == 'big' %} 8 | {% include components/footer--big.html %} 9 | {% endif %} 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_vertical-align.scss: -------------------------------------------------------------------------------- 1 | // Outputs vertical-align property 2 | 3 | @mixin u-vertical-align($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | vertical-align: get-uswds-value(vertical-align, $value...) #{$important}; 10 | } 11 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_align-items.scss: -------------------------------------------------------------------------------- 1 | // Outputs align-items 2 | 3 | @mixin u-align-items($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | align-items: get-uswds-value(align-items, $value) #{$important}; 11 | } 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_layout.scss: -------------------------------------------------------------------------------- 1 | // Flexbox positioning to move sidenav below main content on small screens 2 | .usa-layout-docs__sidenav { 3 | order: 2; 4 | padding-top: units(4); 5 | 6 | @include at-media("desktop") { 7 | padding-top: 0; 8 | } 9 | } 10 | 11 | .usa-layout-docs__main { 12 | @include at-media("desktop") { 13 | order: 2; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_gray-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-gray-cool: ( 2 | 'gray-cool': ( 3 | 1: #fbfcfd, 4 | 2: #f7f9fa, 5 | 3: #f5f6f7, 6 | 4: #f1f3f6, 7 | 5: #edeff0, 8 | 10: #dfe1e2, 9 | 20: #c6cace, 10 | 30: #a9aeb1, 11 | 40: #8d9297, 12 | 50: #71767a, 13 | 60: #565c65, 14 | 70: #3d4551, 15 | 80: #2d2e2f, 16 | 90: #1c1d1f, 17 | ), 18 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_gray-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-gray-warm: ( 2 | 'gray-warm': ( 3 | 1: #fcfcfb, 4 | 2: #f9f9f7, 5 | 3: #f6f6f2, 6 | 4: #f5f5f0, 7 | 5: #f0f0ec, 8 | 10: #e6e6e2, 9 | 20: #cac9c0, 10 | 30: #afaea2, 11 | 40: #929285, 12 | 50: #76766a, 13 | 60: #5d5d52, 14 | 70: #454540, 15 | 80: #2e2e2a, 16 | 90: #171716, 17 | ), 18 | ); -------------------------------------------------------------------------------- /_includes/alert.html: -------------------------------------------------------------------------------- 1 |
    2 |
    3 |

    This is a test site. Do not rely on the information provided.

    4 |

    This webpage is a prototype meant for user research. It has not undergone final review for legal accuracy and is not intended to provide legal guidance.

    5 |
    6 |
    -------------------------------------------------------------------------------- /_includes/components/github-edit.html: -------------------------------------------------------------------------------- 1 | {% assign github_info = site.github_info | default: site.github %} 2 | {% assign edit_link_text = include.footer.edit_page.text | default: 'Edit this page' %} 3 | {{ edit_link_text }} -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_gray.scss: -------------------------------------------------------------------------------- 1 | $system-color-gray: ( 2 | 'gray': ( 3 | 1: #fcfcfc, 4 | 2: #f9f9f9, 5 | 3: #f6f6f6, 6 | 4: #f3f3f3, 7 | 5: #f0f0f0, 8 | 10: #e6e6e6, 9 | 20: #c9c9c9, 10 | 30: #adadad, 11 | 40: #919191, 12 | 50: #757575, 13 | 60: #5c5c5c, 14 | 70: #454545, 15 | 80: #2e2e2e, 16 | 90: #1b1b1b, 17 | 100: #000000, 18 | ), 19 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/global/_font-face.scss: -------------------------------------------------------------------------------- 1 | /* stylelint-disable */ 2 | 3 | @each $font-type-token, $metadata in $project-font-type-tokens { 4 | @if map-get($metadata, "typeface-token") { 5 | $this-typeface-token: map-get($metadata, "typeface-token"); 6 | $this-src: map-get($metadata, "src"); 7 | @include render-font-face($this-typeface-token, $this-src); 8 | } 9 | } 10 | 11 | /* stylelint-enable */ 12 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_line-height.scss: -------------------------------------------------------------------------------- 1 | // Outputs line-height 2 | 3 | @mixin u-line-height($value...) { 4 | $value: unpack($value); 5 | $important: null; 6 | @if has-important($value) { 7 | $value: remove($value, "!important"); 8 | $important: " !important"; 9 | } 10 | $family: nth($value, 1); 11 | $scale: nth($value, 2); 12 | line-height: lh($family, $scale) #{$important}; 13 | } 14 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/placeholders/_list.scss: -------------------------------------------------------------------------------- 1 | %usa-list { 2 | @include u-margin-y(1em); 3 | line-height: line-height($theme-body-font-family, $theme-body-line-height); 4 | padding-left: 3ch; 5 | 6 | &:last-child { 7 | margin-bottom: 0; 8 | } 9 | } 10 | 11 | %usa-list-item { 12 | margin-bottom: 0.25em; 13 | max-width: measure($theme-text-measure); 14 | 15 | &:last-child { 16 | margin-bottom: 0; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /assets/uswds/img/social-icons/facebook25.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_border-box-sizing.scss: -------------------------------------------------------------------------------- 1 | @mixin border-box-sizing { 2 | @if not $theme-global-border-box-sizing { 3 | box-sizing: border-box; 4 | 5 | &::after, 6 | &::before, 7 | & *, 8 | & *::after, 9 | & *::before { 10 | box-sizing: inherit; 11 | } 12 | } 13 | } 14 | 15 | @mixin this-border-box-sizing { 16 | @if not $theme-global-border-box-sizing { 17 | box-sizing: border-box; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_button-disabled.scss: -------------------------------------------------------------------------------- 1 | @mixin button-disabled { 2 | @include add-knockout-font-smoothing; 3 | background-color: color("disabled"); 4 | color: color("white"); 5 | pointer-events: none; 6 | 7 | &:hover, 8 | &.usa-button--hover, 9 | &:active, 10 | &.usa-button--active, 11 | &:focus, 12 | &.usa-focus { 13 | background-color: color("disabled"); 14 | border: 0; 15 | box-shadow: none; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-checkbox-placeholder.scss: -------------------------------------------------------------------------------- 1 | @mixin add-checkbox-placeholder { 2 | $placeholder-width: units(4); 3 | $placeholder-margin: units(1); 4 | 5 | text-indent: ($placeholder-width + $placeholder-margin) * -1; 6 | 7 | &::before { 8 | content: " "; 9 | display: inline-block; 10 | height: units(2); 11 | margin-left: units(-0.5); 12 | margin-right: units(1.5); 13 | width: $placeholder-width; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /_sass/uswds/src/global/_focus.scss: -------------------------------------------------------------------------------- 1 | // Apply :focus behavior to focusable elements only (For IE 11) 2 | input, 3 | select, 4 | textarea, 5 | button { 6 | &:not([disabled]) { 7 | &:focus { 8 | @include focus-outline; 9 | } 10 | } 11 | } 12 | 13 | iframe, 14 | [href], 15 | [tabindex], 16 | [contentEditable="true"] { 17 | &:focus { 18 | @include focus-outline; 19 | } 20 | } 21 | 22 | .usa-focus { 23 | @include focus-outline; 24 | } 25 | -------------------------------------------------------------------------------- /_sass/uswds/src/uswds.scss: -------------------------------------------------------------------------------- 1 | /*! uswds @version */ 2 | 3 | // Required 4 | // ------------------------------------- 5 | @import "packages/required"; 6 | 7 | // Global 8 | // ------------------------------------- 9 | @import "packages/global"; 10 | 11 | // Components 12 | // ------------------------------------- 13 | @import "packages/uswds-components"; 14 | 15 | // Utilities 16 | // ------------------------------------- 17 | @import "packages/uswds-utilities"; 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/_embed.scss: -------------------------------------------------------------------------------- 1 | $aspect-height: 9; 2 | $aspect-width: 16; 3 | 4 | .usa-embed-container { 5 | iframe, 6 | object, 7 | embed { 8 | position: absolute; 9 | top: 0; 10 | left: 0; 11 | width: 100%; 12 | height: 100%; 13 | } 14 | } 15 | 16 | .usa-embed-container { 17 | @include embed-container($aspect-height, $aspect-width); 18 | position: relative; 19 | height: 0; 20 | overflow: hidden; 21 | max-width: 100%; 22 | } 23 | -------------------------------------------------------------------------------- /assets/uswds/img/minus.svg: -------------------------------------------------------------------------------- 1 | minus -------------------------------------------------------------------------------- /_sass/uswds/src/components/_checklist.scss: -------------------------------------------------------------------------------- 1 | .usa-checklist { 2 | @include add-list-reset; 3 | @include border-box-sizing; 4 | @include typeset; 5 | } 6 | 7 | .usa-checklist__item { 8 | @include add-checkbox-placeholder; 9 | @include u-margin-y(0); 10 | margin-bottom: 0; 11 | margin-top: units(1); 12 | 13 | // Deprecate usa-checklist__item--checked once the js is updated 14 | &.usa-checklist__item--checked { 15 | @include add-success-mark; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_navbar.scss: -------------------------------------------------------------------------------- 1 | .usa-navbar { 2 | @include border-box-sizing; 3 | height: units($size-touch-target); 4 | 5 | @include at-media-max($theme-header-min-width) { 6 | @include u-flex("align-center"); 7 | border-bottom: units(1px) solid color("base-lighter"); 8 | display: flex; 9 | } 10 | 11 | @include at-media($theme-header-min-width) { 12 | border-bottom: none; 13 | display: inline-block; 14 | height: auto; 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/_defaults.scss: -------------------------------------------------------------------------------- 1 | // XXX This file has been deprecated in favor of _variables.scss, and is no 2 | // longer relevant. Instead, set any variables that you wish to override, then 3 | // @import '{path/to/uswds/}core/variables'; 4 | 5 | // For backwards compatibility with consumers of _defaults.scss, we just 6 | // re-import _variables here. This should be a noop if it has already been 7 | // imported, since every variable is declared with `!default`. 8 | @import "./variables"; 9 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/typography/_links.scss: -------------------------------------------------------------------------------- 1 | .usa-link { 2 | @include typeset-link; 3 | } 4 | 5 | // External link consider 'effortless style approach': 6 | // [href^='http:']:not([href*='my-domain.com']) 7 | // [href^='https:']:not([href*='my-domain.com']) 8 | 9 | .usa-link--external { 10 | @include external-link(external-link, external-link-hover); 11 | 12 | &.usa-link--alt { 13 | @include external-link(external-link-alt, external-link-alt-hover); 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/layout-grid/_grid-container.scss: -------------------------------------------------------------------------------- 1 | @mixin grid-container($props...) { 2 | @if length($props) ==0 { 3 | @include u-margin-x(auto); 4 | @include u-maxw($theme-grid-container-max-width); 5 | } @else { 6 | $props: nth($props, 1); 7 | $margin-x: append-important($props, auto); 8 | @include u-margin-x($margin-x); 9 | @include u-maxw($props); 10 | } 11 | 12 | @include add-responsive-site-margins; 13 | @include this-border-box-sizing; 14 | } 15 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/_tags.scss: -------------------------------------------------------------------------------- 1 | .usa-tag { 2 | @include border-box-sizing; 3 | @include u-font("ui", "2xs"); 4 | @include u-text("white", "uppercase"); 5 | background-color: color("base-dark"); 6 | border-radius: radius("sm"); 7 | margin-right: units(0.5); 8 | padding: units(1px) units(1); 9 | 10 | &:only-of-type { 11 | margin-right: 0; 12 | } 13 | } 14 | 15 | .usa-tag--big { 16 | @include u-padding-x(1); 17 | @include u-font("ui", $theme-body-font-size); 18 | } 19 | -------------------------------------------------------------------------------- /assets/uswds/img/minus-alt.svg: -------------------------------------------------------------------------------- 1 | minus-alt -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-background-svg.scss: -------------------------------------------------------------------------------- 1 | // Ensure browsers that don't support SVG in background-image (IE 11 and below) fall back to PNG. 2 | // See https://css-tricks.com/a-complete-guide-to-svg-fallbacks/ 3 | 4 | @mixin add-background-svg($image-name, $image-path: $theme-image-path) { 5 | $image-name: unquote($image-name); 6 | background-image: url("#{$image-path}/#{$image-name}.svg"), 7 | linear-gradient(transparent, transparent); 8 | background-repeat: no-repeat; 9 | } 10 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-list-reset.scss: -------------------------------------------------------------------------------- 1 | @mixin add-list-reset($value...) { 2 | $important: null; 3 | @if length($value) > 0 and has-important($value) { 4 | $value: remove($value, "!important"); 5 | $important: " !important"; 6 | } 7 | margin-bottom: 0#{$important}; 8 | margin-top: 0#{$important}; 9 | list-style-type: none#{$important}; 10 | padding-left: 0#{$important}; 11 | } 12 | 13 | @mixin list-reset($value...) { 14 | @include add-list-reset($value...); 15 | } 16 | -------------------------------------------------------------------------------- /assets/uswds/img/close.svg: -------------------------------------------------------------------------------- 1 | close -------------------------------------------------------------------------------- /_includes/team-list.html: -------------------------------------------------------------------------------- 1 |
    2 | {% for item in site.team %} 3 |
    4 | 5 | photo of {{ item.name }} 6 |
    7 |

    {{ item.name }}

    8 |

    {{ item.job_title }}

    9 |
    10 |     11 |
    12 | {% endfor %} 13 |
    14 | -------------------------------------------------------------------------------- /_includes/styles.html: -------------------------------------------------------------------------------- 1 | {% assign _styles = '' | split: '' %} 2 | {% assign _default_styles = '' | split: '' 3 | | push: '/assets/css/uswds-theme.css' %} 4 | {% assign _styles = _styles 5 | | push: _default_styles 6 | | push: site.styles 7 | | push: layout.styles 8 | | push: page.styles %} 9 | {% for _list in _styles %}{% for _style in _list %} 10 | 13 | {% endfor %}{% endfor %} 14 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/utility-fonts.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ---------------------------------------- 3 | Set basic font rules for the font 4 | utilities to reference. 5 | ---------------------------------------- 6 | */ 7 | 8 | $if-important: ""; 9 | 10 | @if $utilities-use-important { 11 | $if-important: " !important"; 12 | } 13 | 14 | @each $face, $stack in $project-font-stacks { 15 | @if $stack { 16 | [class*="#{ns("utility")}font-#{$face}-"] { 17 | font-family: #{$stack}#{$if-important}; 18 | } 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /_includes/meta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {% if page.title %}{{ page.title | strip_html }} | {% endif %}{{ site.title }} 6 | 7 | {% assign description = page.description | default: site.description %} 8 | {% if description %} 9 | 10 | {% endif %} 11 | 12 | 13 | {% include favicon.html %} 14 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_skipnav.scss: -------------------------------------------------------------------------------- 1 | .usa-skipnav { 2 | @include border-box-sizing; 3 | @include typeset; 4 | @include typeset-link; 5 | background: transparent; 6 | left: 0; 7 | padding: units(1) units(2); 8 | position: absolute; 9 | top: -3.8rem; // skipnav link height 10 | transition: all 0.2s ease-in-out; 11 | z-index: z-index(100); 12 | 13 | &:focus { 14 | background: color("white"); 15 | left: 0; 16 | position: absolute; 17 | top: 0; 18 | transition: all 0.2s ease-in-out; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | require "bundler" 2 | Bundler::GemHelper.install_tasks name: "uswds-jekyll" 3 | 4 | task default: "serve" 5 | 6 | desc "Serve the Jekyll site" 7 | task :serve do 8 | system('bundle exec jekyll serve') 9 | end 10 | 11 | desc "Update to latest USWDS" 12 | task :update do 13 | puts "Updating USWDS..." 14 | system('npm install --save uswds@latest') 15 | system('npm run setup-uswds') 16 | end 17 | 18 | desc "Create a gem release" 19 | task :release do 20 | Rake::Task['update'].invoke 21 | puts "Creating a release..." 22 | end 23 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_button-unstyled.scss: -------------------------------------------------------------------------------- 1 | @mixin button-unstyled { 2 | @include no-knockout-font-smoothing; 3 | @include typeset-link; 4 | background-color: transparent; 5 | border: 0; 6 | border-radius: 0; 7 | box-shadow: none; 8 | font-weight: font-weight("normal"); 9 | margin: 0; 10 | padding: 0; 11 | text-align: left; 12 | 13 | &:hover, 14 | &:active { 15 | @include no-knockout-font-smoothing; 16 | background-color: transparent; 17 | box-shadow: none; 18 | text-decoration: underline; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-down-white.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-down-white -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-down.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-down -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-up-primary.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-up-primary -------------------------------------------------------------------------------- /assets/uswds/img/arrow-down.svg: -------------------------------------------------------------------------------- 1 | arrow-down -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_red.scss: -------------------------------------------------------------------------------- 1 | $system-color-red: ( 2 | 'red': ( 3 | 5: #f9eeee, 4 | 10: #f8e1de, 5 | 20: #f7bbb1, 6 | 30: #f2938c, 7 | 40: #e9695f, 8 | 50: #d83933, 9 | 60: #a23737, 10 | 70: #6f3331, 11 | 80: #3e2927, 12 | 90: #1b1616, 13 | 'vivid': ( 14 | 5: #fff3f2, 15 | 10: #fde0db, 16 | 20: #fdb8ae, 17 | 30: #ff8d7b, 18 | 40: #fb5a47, 19 | 50: #e52207, 20 | 60: #b50909, 21 | 70: #8b0a03, 22 | 80: #5c1111, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /assets/uswds/img/arrow-right.svg: -------------------------------------------------------------------------------- 1 | arrow-right -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_blue.scss: -------------------------------------------------------------------------------- 1 | $system-color-blue: ( 2 | 'blue': ( 3 | 5: #eff6fb, 4 | 10: #d9e8f6, 5 | 20: #aacdec, 6 | 30: #73b3e7, 7 | 40: #4f97d1, 8 | 50: #2378c3, 9 | 60: #2c608a, 10 | 70: #274863, 11 | 80: #1f303e, 12 | 90: #11181d, 13 | 'vivid': ( 14 | 5: #e8f5ff, 15 | 10: #cfe8ff, 16 | 20: #a1d3ff, 17 | 30: #58b4ff, 18 | 40: #2491ff, 19 | 50: #0076d6, 20 | 60: #005ea2, 21 | 70: #0b4778, 22 | 80: #112f4e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_cyan.scss: -------------------------------------------------------------------------------- 1 | $system-color-cyan: ( 2 | 'cyan': ( 3 | 5: #e7f6f8, 4 | 10: #ccecf2, 5 | 20: #99deea, 6 | 30: #5dc0d1, 7 | 40: #449dac, 8 | 50: #168092, 9 | 60: #2a646d, 10 | 70: #2c4a4e, 11 | 80: #203133, 12 | 90: #111819, 13 | 'vivid': ( 14 | 5: #e5faff, 15 | 10: #a8f2ff, 16 | 20: #52daf2, 17 | 30: #00bde3, 18 | 40: #009ec1, 19 | 50: #0081a1, 20 | 60: #00687d, 21 | 70: #0e4f5c, 22 | 80: #093b44, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_gold.scss: -------------------------------------------------------------------------------- 1 | $system-color-gold: ( 2 | 'gold': ( 3 | 5: #f5f0e6, 4 | 10: #f1e5cd, 5 | 20: #dec69a, 6 | 30: #c7a97b, 7 | 40: #ad8b65, 8 | 50: #8e704f, 9 | 60: #6b5947, 10 | 70: #4d4438, 11 | 80: #322d26, 12 | 90: #191714, 13 | 'vivid': ( 14 | 5: #fef0c8, 15 | 10: #ffe396, 16 | 20: #ffbe2e, 17 | 30: #e5a000, 18 | 40: #c2850c, 19 | 50: #936f38, 20 | 60: #7a591a, 21 | 70: #5c410a, 22 | 80: #3b2b15, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_green.scss: -------------------------------------------------------------------------------- 1 | $system-color-green: ( 2 | 'green': ( 3 | 5: #eaf4dd, 4 | 10: #dfeacd, 5 | 20: #b8d293, 6 | 30: #9bb672, 7 | 40: #7d9b4e, 8 | 50: #607f35, 9 | 60: #4c6424, 10 | 70: #3c4a29, 11 | 80: #293021, 12 | 90: #161814, 13 | 'vivid': ( 14 | 5: #ddf9c7, 15 | 10: #c5ee93, 16 | 20: #98d035, 17 | 30: #7fb135, 18 | 40: #719f2a, 19 | 50: #538200, 20 | 60: #466c04, 21 | 70: #2f4a0b, 22 | 80: #243413, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_mint.scss: -------------------------------------------------------------------------------- 1 | $system-color-mint: ( 2 | 'mint': ( 3 | 5: #dbf6ed, 4 | 10: #c7efe2, 5 | 20: #92d9bb, 6 | 30: #5abf95, 7 | 40: #34a37e, 8 | 50: #2e8367, 9 | 60: #286846, 10 | 70: #204e34, 11 | 80: #193324, 12 | 90: #0d1a12, 13 | 'vivid': ( 14 | 5: #c9fbeb, 15 | 10: #83fcd4, 16 | 20: #0ceda6, 17 | 30: #04c585, 18 | 40: #00a871, 19 | 50: #008659, 20 | 60: #146947, 21 | 70: #0c4e29, 22 | 80: #0d351e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | {%- if site.anchor_js_targets -%} 5 | {%- assign _anchor_js_targets = site.anchor_js_targets -%} 6 | {%- assign _prepended_targets = '' | split: '' -%} 7 | {%- for _target in _anchor_js_targets -%} 8 | {%- assign _prepended_target = _target | prepend: '.usa-layout-docs ' -%} 9 | {%- assign _prepended_targets = _prepended_targets | push: _prepended_target -%} 10 | {%- endfor -%} 11 | 12 | // Adding anchor links to headers on docs layouts only 13 | anchors.add('{{ _prepended_targets | join: ', ' }}'); 14 | {%- endif -%} 15 | -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-down-hover.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-down-hover -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-up-white.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-up-white -------------------------------------------------------------------------------- /assets/uswds/img/arrow-both.svg: -------------------------------------------------------------------------------- 1 | arrow-both -------------------------------------------------------------------------------- /assets/uswds/img/checkbox-check-print.svg: -------------------------------------------------------------------------------- 1 | checkbox-check-print -------------------------------------------------------------------------------- /_sass/uswds/src/components/_sidenav.scss: -------------------------------------------------------------------------------- 1 | .usa-sidenav { 2 | @include border-box-sizing; 3 | @include nav-list("sidenav"); 4 | @include typeset($theme-sidenav-font-family, "sm", 3); 5 | border-bottom: units(1px) solid color("base-lighter"); 6 | 7 | .grid-container & { 8 | @include u-margin-x(-$theme-site-margins-mobile-width); 9 | 10 | @include at-media("tablet") { 11 | @include u-margin-x(0); 12 | } 13 | } 14 | } 15 | 16 | .usa-sidenav__sublist { 17 | @include nav-sublist; 18 | font-size: font-size($theme-sidenav-font-family, "xs"); 19 | } 20 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_focus.scss: -------------------------------------------------------------------------------- 1 | // Focus state mixin 2 | @mixin focus-outline( 3 | $width: $theme-focus-width, 4 | $style: $theme-focus-style, 5 | $color: $theme-focus-color, 6 | $offset: $theme-focus-offset 7 | ) { 8 | $width: if($width == null, $theme-focus-width, $width); 9 | $style: if($style == null, $theme-focus-style, $style); 10 | $color: if($color == null, $theme-focus-color, $color); 11 | $offset: if($offset == null, $theme-focus-offset, $offset); 12 | outline: units($width) $style color($color); 13 | outline-offset: units($offset); 14 | } 15 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_indigo.scss: -------------------------------------------------------------------------------- 1 | $system-color-indigo: ( 2 | 'indigo': ( 3 | 5: #efeff8, 4 | 10: #e5e4fa, 5 | 20: #c5c5f3, 6 | 30: #a5a8eb, 7 | 40: #8889db, 8 | 50: #676cc8, 9 | 60: #4d52af, 10 | 70: #3d4076, 11 | 80: #2b2c40, 12 | 90: #16171f, 13 | 'vivid': ( 14 | 5: #f0f0ff, 15 | 10: #e0e0ff, 16 | 20: #ccceff, 17 | 30: #a3a7fa, 18 | 40: #8289ff, 19 | 50: #656bd7, 20 | 60: #4a50c4, 21 | 70: #3333a3, 22 | 80: #212463, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_orange.scss: -------------------------------------------------------------------------------- 1 | $system-color-orange: ( 2 | 'orange': ( 3 | 5: #f6efe9, 4 | 10: #f2e4d4, 5 | 20: #f3bf90, 6 | 30: #f09860, 7 | 40: #dd7533, 8 | 50: #a86437, 9 | 60: #775540, 10 | 70: #524236, 11 | 80: #332d27, 12 | 90: #1b1614, 13 | 'vivid': ( 14 | 5: #fef2e4, 15 | 10: #fce2c5, 16 | 20: #ffbc78, 17 | 30: #fa9441, 18 | 40: #e66f0e, 19 | 50: #c05600, 20 | 60: #8c471c, 21 | 70: #5f3617, 22 | 80: #352313, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_violet.scss: -------------------------------------------------------------------------------- 1 | $system-color-violet: ( 2 | 'violet': ( 3 | 5: #f4f1f9, 4 | 10: #ebe3f9, 5 | 20: #d0c3e9, 6 | 30: #b8a2e3, 7 | 40: #9d84d2, 8 | 50: #8168b3, 9 | 60: #665190, 10 | 70: #4c3d69, 11 | 80: #312b3f, 12 | 90: #18161d, 13 | 'vivid': ( 14 | 5: #f7f2ff, 15 | 10: #ede3ff, 16 | 20: #d5bfff, 17 | 30: #c39deb, 18 | 40: #ad79e9, 19 | 50: #9355dc, 20 | 60: #783cb9, 21 | 70: #54278f, 22 | 80: #39215e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_yellow.scss: -------------------------------------------------------------------------------- 1 | $system-color-yellow: ( 2 | 'yellow': ( 3 | 5: #faf3d1, 4 | 10: #f5e6af, 5 | 20: #e6c74c, 6 | 30: #c9ab48, 7 | 40: #a88f48, 8 | 50: #8a7237, 9 | 60: #6b5a39, 10 | 70: #504332, 11 | 80: #332d27, 12 | 90: #1a1614, 13 | 'vivid': ( 14 | 5: #fff5c2, 15 | 10: #fee685, 16 | 20: #face00, 17 | 30: #ddaa01, 18 | 40: #b38c00, 19 | 50: #947100, 20 | 60: #776017, 21 | 70: #5c4809, 22 | 80: #422d19, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-down-primary.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-down-primary -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-up-primary-hover.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-up-primary-hover -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_magenta.scss: -------------------------------------------------------------------------------- 1 | $system-color-magenta: ( 2 | 'magenta': ( 3 | 5: #f9f0f2, 4 | 10: #f6e1e8, 5 | 20: #f0bbcc, 6 | 30: #e895b3, 7 | 40: #e0699f, 8 | 50: #c84281, 9 | 60: #8b4566, 10 | 70: #66364b, 11 | 80: #402731, 12 | 90: #1b1617, 13 | 'vivid': ( 14 | 5: #fff2f5, 15 | 10: #ffddea, 16 | 20: #ffb4cf, 17 | 30: #ff87b2, 18 | 40: #fd4496, 19 | 50: #d72d79, 20 | 60: #ab2165, 21 | 70: #731f44, 22 | 80: #4f172e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_red-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-red-cool: ( 2 | 'red-cool': ( 3 | 5: #f8eff1, 4 | 10: #f3e1e4, 5 | 20: #ecbec6, 6 | 30: #e09aa6, 7 | 40: #e16b80, 8 | 50: #cd425b, 9 | 60: #9e394b, 10 | 70: #68363f, 11 | 80: #40282c, 12 | 90: #1e1517, 13 | 'vivid': ( 14 | 5: #fff2f5, 15 | 10: #f8dfe2, 16 | 20: #f8b9c5, 17 | 30: #fd8ba0, 18 | 40: #f45d79, 19 | 50: #e41d3d, 20 | 60: #b21d38, 21 | 70: #822133, 22 | 80: #4f1c24, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_red-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-red-warm: ( 2 | 'red-warm': ( 3 | 5: #f6efea, 4 | 10: #f4e3db, 5 | 20: #ecc0a7, 6 | 30: #dca081, 7 | 40: #d27a56, 8 | 50: #c3512c, 9 | 60: #805039, 10 | 70: #524236, 11 | 80: #332d29, 12 | 90: #1f1c18, 13 | 'vivid': ( 14 | 5: #fff5ee, 15 | 10: #fce1d4, 16 | 20: #f6bd9c, 17 | 30: #f39268, 18 | 40: #ef5e25, 19 | 50: #d54309, 20 | 60: #9c3d10, 21 | 70: #63340f, 22 | 80: #3e2a1e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_blue-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-blue-cool: ( 2 | 'blue-cool': ( 3 | 5: #e7f2f5, 4 | 10: #dae9ee, 5 | 20: #adcfdc, 6 | 30: #82b4c9, 7 | 40: #6499af, 8 | 50: #3a7d95, 9 | 60: #2e6276, 10 | 70: #224a58, 11 | 80: #14333d, 12 | 90: #0f191c, 13 | 'vivid': ( 14 | 5: #e1f3f8, 15 | 10: #c3ebfa, 16 | 20: #97d4ea, 17 | 30: #59b9de, 18 | 40: #28a0cb, 19 | 50: #0d7ea2, 20 | 60: #07648d, 21 | 70: #074b69, 22 | 80: #002d3f, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_blue-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-blue-warm: ( 2 | 'blue-warm': ( 3 | 5: #ecf1f7, 4 | 10: #e1e7f1, 5 | 20: #bbcae4, 6 | 30: #98afd2, 7 | 40: #7292c7, 8 | 50: #4a77b4, 9 | 60: #345d96, 10 | 70: #2f4668, 11 | 80: #252f3e, 12 | 90: #13171f, 13 | 'vivid': ( 14 | 5: #edf5ff, 15 | 10: #d4e5ff, 16 | 20: #adcdff, 17 | 30: #81aefc, 18 | 40: #5994f6, 19 | 50: #2672de, 20 | 60: #0050d8, 21 | 70: #1a4480, 22 | 80: #162e51, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_green-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-green-cool: ( 2 | 'green-cool': ( 3 | 5: #ecf3ec, 4 | 10: #dbebde, 5 | 20: #b4d0b9, 6 | 30: #86b98e, 7 | 40: #5e9f69, 8 | 50: #4d8055, 9 | 60: #446443, 10 | 70: #37493b, 11 | 80: #28312a, 12 | 90: #1a1f1a, 13 | 'vivid': ( 14 | 5: #e3f5e1, 15 | 10: #b7f5bd, 16 | 20: #70e17b, 17 | 30: #21c834, 18 | 40: #00a91c, 19 | 50: #008817, 20 | 60: #216e1f, 21 | 70: #154c21, 22 | 80: #19311e, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_green-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-green-warm: ( 2 | 'green-warm': ( 3 | 5: #f1f4d7, 4 | 10: #e7eab7, 5 | 20: #cbd17a, 6 | 30: #a6b557, 7 | 40: #8a984b, 8 | 50: #6f7a41, 9 | 60: #5a5f38, 10 | 70: #45472f, 11 | 80: #2d2f21, 12 | 90: #171712, 13 | 'vivid': ( 14 | 5: #f5fbc1, 15 | 10: #e7f434, 16 | 20: #c5d30a, 17 | 30: #a3b72c, 18 | 40: #7e9c1d, 19 | 50: #6a7d00, 20 | 60: #5a6613, 21 | 70: #4b4e10, 22 | 80: #38380b, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_mint-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-mint-cool: ( 2 | 'mint-cool': ( 3 | 5: #e0f7f6, 4 | 10: #c4eeeb, 5 | 20: #9bd4cf, 6 | 30: #6fbab3, 7 | 40: #4f9e99, 8 | 50: #40807e, 9 | 60: #376462, 10 | 70: #2a4b45, 11 | 80: #203131, 12 | 90: #111818, 13 | 'vivid': ( 14 | 5: #d5fbf3, 15 | 10: #7efbe1, 16 | 20: #29e1cb, 17 | 30: #1dc2ae, 18 | 40: #00a398, 19 | 50: #008480, 20 | 60: #0f6460, 21 | 70: #0b4b3f, 22 | 80: #123131, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/general.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: General 3 | about: For general Tech Portfolio work 4 | title: "" 5 | labels: "g: initial" 6 | assignees: "" 7 | --- 8 | 9 | ## Background information 10 | 11 | 12 | 13 | ## Acceptance criteria 14 | 15 | - [definitive thing] 16 | - [other definitive thing] 17 | 18 | --- 19 | 20 | The assignee can add some checkboxes as a "sketch" of the steps to complete, which may evolve. 21 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_indigo-cool.scss: -------------------------------------------------------------------------------- 1 | $system-color-indigo-cool: ( 2 | 'indigo-cool': ( 3 | 5: #eef0f9, 4 | 10: #e1e6f9, 5 | 20: #bbc8f5, 6 | 30: #96abee, 7 | 40: #6b8ee8, 8 | 50: #496fd8, 9 | 60: #3f57a6, 10 | 70: #374274, 11 | 80: #292d42, 12 | 90: #151622, 13 | 'vivid': ( 14 | 5: #edf0ff, 15 | 10: #dee5ff, 16 | 20: #b8c8ff, 17 | 30: #94adff, 18 | 40: #628ef4, 19 | 50: #4866ff, 20 | 60: #4150f2, 21 | 70: #3e4ded, 22 | 80: #222fbf, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_indigo-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-indigo-warm: ( 2 | 'indigo-warm': ( 3 | 5: #f1eff7, 4 | 10: #e7e3fa, 5 | 20: #cbc4f2, 6 | 30: #afa5e8, 7 | 40: #9287d8, 8 | 50: #7665d1, 9 | 60: #5e519e, 10 | 70: #453c7b, 11 | 80: #2e2c40, 12 | 90: #18161d, 13 | 'vivid': ( 14 | 5: #f5f2ff, 15 | 10: #e4deff, 16 | 20: #cfc4fd, 17 | 30: #b69fff, 18 | 40: #967efb, 19 | 50: #745fe9, 20 | 60: #5942d2, 21 | 70: #3d2c9d, 22 | 80: #261f5b, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_orange-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-orange-warm: ( 2 | 'orange-warm': ( 3 | 5: #faeee5, 4 | 10: #fbe0d0, 5 | 20: #f7bca2, 6 | 30: #f3966d, 7 | 40: #e17141, 8 | 50: #bd5727, 9 | 60: #914734, 10 | 70: #633a32, 11 | 80: #3d2925, 12 | 90: #1c1615, 13 | 'vivid': ( 14 | 5: #fff3ea, 15 | 10: #ffe2d1, 16 | 20: #fbbaa7, 17 | 30: #fc906d, 18 | 40: #ff580a, 19 | 50: #cf4900, 20 | 60: #a72f10, 21 | 70: #782312, 22 | 80: #3d231d, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /_sass/uswds/src/core/system-tokens/_violet-warm.scss: -------------------------------------------------------------------------------- 1 | $system-color-violet-warm: ( 2 | 'violet-warm': ( 3 | 5: #f8f0f9, 4 | 10: #f6dff8, 5 | 20: #e2bee4, 6 | 30: #d29ad8, 7 | 40: #bf77c8, 8 | 50: #b04abd, 9 | 60: #864381, 10 | 70: #5c395a, 11 | 80: #382936, 12 | 90: #1b151b, 13 | 'vivid': ( 14 | 5: #fef2ff, 15 | 10: #fbdcff, 16 | 20: #f4b2ff, 17 | 30: #ee83ff, 18 | 40: #d85bef, 19 | 50: #be32d0, 20 | 60: #93348c, 21 | 70: #711e6c, 22 | 80: #481441, 23 | 90: false, 24 | ), 25 | ), 26 | ); -------------------------------------------------------------------------------- /assets/uswds/img/angle-arrow-down-primary-hover.svg: -------------------------------------------------------------------------------- 1 | angle-arrow-down-primary-hover -------------------------------------------------------------------------------- /_sass/uswds/components/_nav-buttons.scss: -------------------------------------------------------------------------------- 1 | .usa-header, 2 | .usa-sidenav-list { 3 | @include at-media($theme-header-min-width) { 4 | .usa-button { 5 | margin: 0; 6 | width: auto; 7 | } 8 | } 9 | .usa-button { 10 | color: color("white"); 11 | padding: units(1.5); 12 | &:hover { 13 | background-color: color("primary-dark"); 14 | color: color("white"); 15 | text-decoration: none; 16 | } 17 | } 18 | } 19 | .usa-sidenav-list, 20 | .usa-footer-nav .usa-footer-primary-content { 21 | .usa-button { 22 | margin: units(1.5) 0; 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen reader only helper 2 | @mixin sr-only { 3 | position: absolute; 4 | left: -999em; 5 | } 6 | 7 | @mixin add-sr-only { 8 | position: absolute; 9 | left: -999em; 10 | } 11 | 12 | // This "negates" the sr-only helper; useful if 13 | // we want the default state of something to be 14 | // for screen readers only, but we want to force 15 | // it to show for sighted users under more specific 16 | // conditions. 17 | @mixin not-sr-only { 18 | position: static; 19 | } 20 | 21 | @mixin add-no-sr-only { 22 | position: static; 23 | } 24 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "uswds-jekyll", 3 | "private": true, 4 | "author": "18F", 5 | "license": "CC0-1.0", 6 | "scripts": { 7 | "setup-uswds": "npm run sync-assets && npm run sync-sass", 8 | "sync-assets": "rsync -avr --delete node_modules/uswds/dist/ assets/uswds/ --exclude=/*.md --exclude=/*.zip --exclude=/css --exclude=/scss", 9 | "sync-sass": "rsync -avr --delete node_modules/uswds/src/stylesheets/ _sass/uswds/src/" 10 | }, 11 | "dependencies": { 12 | "uswds": "^2.7.0" 13 | }, 14 | "devDependencies": { 15 | "cached-path-relative": "^1.0.2" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /assets/uswds/img/correct8.svg: -------------------------------------------------------------------------------- 1 | correct8 -------------------------------------------------------------------------------- /assets/uswds/img/correct8-alt.svg: -------------------------------------------------------------------------------- 1 | correct8-alt -------------------------------------------------------------------------------- /assets/uswds/img/correct9.svg: -------------------------------------------------------------------------------- 1 | correct9 -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_external-link.scss: -------------------------------------------------------------------------------- 1 | @mixin external-link( 2 | $external-link, 3 | $external-link-hover, 4 | $image-path: $theme-image-path 5 | ) { 6 | &::after { 7 | $icon-size: 0.65em; 8 | background-image: url("#{$image-path}/#{$external-link}.svg"); 9 | background-position: 50% 60%; 10 | background-repeat: no-repeat; 11 | background-size: 100%; 12 | content: ""; 13 | display: inline; 14 | margin-left: units(0.5); 15 | padding-left: $icon-size; 16 | } 17 | 18 | &:hover::after { 19 | @include add-background-svg("#{$external-link-hover}", $image-path); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_text-decoration.scss: -------------------------------------------------------------------------------- 1 | // Outputs text-decoration and color properties 2 | 3 | @mixin u-text-decoration($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | @each $this-value in $value { 10 | @if map-has-key($all-color-shortcodes, smart-quote($this-value)) { 11 | text-decoration-color: color(smart-quote($this-value)) #{$important}; 12 | } @else { 13 | text-decoration: get-uswds-value(text-decoration, $value...) 14 | #{$important}; 15 | } 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_add-aspect.scss: -------------------------------------------------------------------------------- 1 | @mixin add-aspect($ratio...) { 2 | $ratio: unpack($ratio); 3 | $important: null; 4 | @if has-important($ratio) { 5 | $ratio: nth($ratio, 1); 6 | $important: "!important"; 7 | } 8 | 9 | @if map-has-key($project-aspect-ratios, $ratio) { 10 | box-sizing: border-box #{$important}; 11 | height: 0 #{$important}; 12 | overflow: hidden #{$important}; 13 | padding: 0 0 map-get($project-aspect-ratios, $ratio) #{$important}; 14 | } @else { 15 | @error '`#{$ratio}` is not a valid key in $project-aspect-ratios. Valid values: #{map-keys($project-aspect-ratios)}'; 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/global/_typography.scss: -------------------------------------------------------------------------------- 1 | html { 2 | @include add-kerning; 3 | font-family: font-family($theme-body-font-family); 4 | font-size: $root-font-size; 5 | } 6 | 7 | @if $theme-style-body-element { 8 | body { 9 | @include typeset; 10 | } 11 | } 12 | 13 | @if $theme-global-paragraph-styles == true { 14 | @include usa-paragraph-style; 15 | } 16 | 17 | @if $theme-global-link-styles == true { 18 | @include usa-link-style; 19 | } 20 | 21 | @if $theme-global-content-styles == true { 22 | @include usa-content-styles; 23 | } 24 | 25 | // Remove user agent styles 26 | 27 | cite, 28 | var, 29 | address, 30 | dfn { 31 | font-style: normal; 32 | } 33 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/float.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | float 4 | ---------------------------------------- 5 | usage: 6 | .float-[value] 7 | ---------------------------------------- 8 | output: 9 | float: [value]; 10 | ---------------------------------------- 11 | example: 12 | .float-left { 13 | float: left; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-float: ( 18 | float: ( 19 | base: "float", 20 | modifiers: null, 21 | values: map-collect(get-palettes($float-palettes), $float-manual-values), 22 | settings: $float-settings, 23 | property: "float", 24 | type: "utility" 25 | ) 26 | ); 27 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/width.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | width 4 | ---------------------------------------- 5 | usage: 6 | .width-[key] 7 | ---------------------------------------- 8 | output: 9 | width: [value]; 10 | ---------------------------------------- 11 | example: 12 | .width-75ct { 13 | width: 75%; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-width: ( 18 | width: ( 19 | base: "width", 20 | modifiers: null, 21 | values: map-collect(get-palettes($width-palettes), $width-manual-values), 22 | settings: $width-settings, 23 | property: "width", 24 | type: "utility" 25 | ) 26 | ); 27 | -------------------------------------------------------------------------------- /assets/uswds/img/close-primary.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/cursor.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | color 4 | ---------------------------------------- 5 | usage: 6 | .cursor-[key] 7 | ---------------------------------------- 8 | output: 9 | cursor: [value]; 10 | ---------------------------------------- 11 | example: 12 | .cursor-pointer { 13 | cursor: pointer; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-cursor: ( 18 | cursor: ( 19 | base: "cursor", 20 | modifiers: null, 21 | values: map-collect(get-palettes($cursor-palettes), $cursor-manual-values), 22 | settings: $cursor-settings, 23 | property: "cursor", 24 | type: "utility" 25 | ) 26 | ); 27 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/height.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | height 4 | ---------------------------------------- 5 | usage: 6 | .height-[value] 7 | ---------------------------------------- 8 | output: 9 | height: [value]; 10 | ---------------------------------------- 11 | example: 12 | .height-33ct { 13 | height: 33.33333333%; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-height: ( 18 | height: ( 19 | base: "height", 20 | modifiers: null, 21 | values: map-collect(get-palettes($height-palettes), $height-manual-values), 22 | settings: $height-settings, 23 | property: "height", 24 | type: "utility" 25 | ) 26 | ); 27 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/display.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | display 4 | ---------------------------------------- 5 | usage: 6 | .display-[key] 7 | ---------------------------------------- 8 | output: 9 | display: [value] 10 | ---------------------------------------- 11 | example: 12 | .display-none { 13 | display: none; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-display: ( 18 | display: ( 19 | base: "display", 20 | modifiers: null, 21 | values: map-collect(get-palettes($display-palettes), $display-manual-values), 22 | settings: $display-settings, 23 | property: "display", 24 | type: "utility" 25 | ) 26 | ); 27 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/order.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | order 4 | ---------------------------------------- 5 | usage: 6 | .order-[key] 7 | ---------------------------------------- 8 | output: 9 | order: [value] 10 | ---------------------------------------- 11 | example: 12 | .order-first { 13 | order: -1; } 14 | 15 | .order-2 { 16 | order: 2; } 17 | ---------------------------------------- 18 | */ 19 | 20 | $u-order: ( 21 | order: ( 22 | base: "order", 23 | modifiers: null, 24 | values: map-collect(get-palettes($order-palettes), $order-manual-values), 25 | settings: $order-settings, 26 | property: "order", 27 | type: "utility" 28 | ) 29 | ); 30 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/top.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .top 4 | ---------------------------------------- 5 | property: top 6 | ---------------------------------------- 7 | usage: 8 | .top-[key] 9 | ---------------------------------------- 10 | output: 11 | top: [value]; 12 | ---------------------------------------- 13 | example: 14 | .top-n2px { 15 | top: -2px; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-top: ( 20 | top: ( 21 | base: "top", 22 | modifiers: null, 23 | values: map-collect(get-palettes($top-palettes), $top-manual-values), 24 | settings: $top-settings, 25 | property: "top", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/opacity.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | opacity 4 | ---------------------------------------- 5 | usage: 6 | .opacity-[key] 7 | ---------------------------------------- 8 | output: 9 | opacity: [value]; 10 | ---------------------------------------- 11 | example: 12 | .opacity-0 { 13 | opacity: 0; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-opacity: ( 18 | opacity: ( 19 | base: ( 20 | "opacity" 21 | ), 22 | modifiers: null, 23 | values: map-collect(get-palettes($opacity-palettes), $opacity-manual-values), 24 | settings: $opacity-settings, 25 | property: "opacity", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/text-align.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | text-align 4 | ---------------------------------------- 5 | usage: 6 | .text-[key] 7 | ---------------------------------------- 8 | output: 9 | align: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-left { 13 | align: left; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-text-align: ( 18 | text-align: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($text-align-palettes), $text-align-manual-values), 23 | settings: $text-align-settings, 24 | property: "text-align", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/z-index.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | z-index 4 | ---------------------------------------- 5 | usage: 6 | z-[key] 7 | ---------------------------------------- 8 | output: 9 | z-index: [value]; 10 | ---------------------------------------- 11 | example: 12 | .z-100 { 13 | z-index: 100; } 14 | .z-top { 15 | z-index: 9999; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-z-index: ( 20 | z-index: ( 21 | base: "z", 22 | modifiers: null, 23 | values: map-collect(get-palettes($z-index-palettes), $z-index-manual-values), 24 | settings: $z-index-settings, 25 | property: "z-index", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /assets/uswds/img/icon-https.svg: -------------------------------------------------------------------------------- 1 | icon-https -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/flex-wrap.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | flex-wrap 4 | ---------------------------------------- 5 | usage: 6 | .flex-wrap-[key] 7 | ---------------------------------------- 8 | output: 9 | flex-wrap: [value]; 10 | ---------------------------------------- 11 | example: 12 | .flex-wrap { 13 | flex-wrap: wrap; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-flex-wrap: ( 18 | flex-wrap: ( 19 | base: "flex", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($flex-wrap-palettes), $flex-wrap-manual-values), 23 | settings: $flex-wrap-settings, 24 | property: "flex-wrap", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/max-width.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | max-width 4 | ---------------------------------------- 5 | usage: 6 | .maxw-[key] 7 | ---------------------------------------- 8 | output: 9 | max-width: [value]; 10 | ---------------------------------------- 11 | example: 12 | .maxw-desktop { 13 | max-width: 960px; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-max-width: ( 18 | max-width: ( 19 | base: "maxw", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($max-width-palettes), $max-width-manual-values), 23 | settings: $max-width-settings, 24 | property: "max-width", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/min-width.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | min-width 4 | ---------------------------------------- 5 | usage: 6 | .minw-[key] 7 | ---------------------------------------- 8 | output: 9 | min-width: [value]; 10 | ---------------------------------------- 11 | example: 12 | .minw-desktop { 13 | min-width: 960px; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-min-width: ( 18 | min-width: ( 19 | base: "minw", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($min-width-palettes), $min-width-manual-values), 23 | settings: $min-width-settings, 24 | property: "min-width", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/left.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .left 4 | ---------------------------------------- 5 | property: left 6 | ---------------------------------------- 7 | usage: 8 | .left-[key] 9 | ---------------------------------------- 10 | output: 11 | left: [value]; 12 | ---------------------------------------- 13 | example: 14 | .left-n2px { 15 | left: -2px; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-left: ( 20 | left: ( 21 | base: "left", 22 | modifiers: null, 23 | values: map-collect(get-palettes($left-palettes), $left-manual-values), 24 | settings: $left-settings, 25 | property: "left", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/position.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | position 4 | ---------------------------------------- 5 | usage: 6 | .position-[key] 7 | ---------------------------------------- 8 | output: 9 | position: [value]; 10 | ---------------------------------------- 11 | example: 12 | .position-absolute { 13 | position: absolute; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-position: ( 18 | position: ( 19 | base: "position", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($position-palettes), $position-manual-values), 23 | settings: $position-settings, 24 | property: "position", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_section.scss: -------------------------------------------------------------------------------- 1 | .usa-section { 2 | @include border-box-sizing; 3 | @include u-padding-y($theme-site-margins-width); 4 | 5 | @include at-media("tablet") { 6 | @include u-padding-y(8); 7 | } 8 | } 9 | 10 | .usa-section--light { 11 | background-color: color("base-lightest"); 12 | } 13 | 14 | .usa-section--dark { 15 | background-color: color("primary-darker"); 16 | color: color("white"); 17 | 18 | h1, 19 | h2, 20 | h3, 21 | h4, 22 | h5, 23 | h6 { 24 | color: color("accent-cool"); 25 | } 26 | 27 | p { 28 | color: color("white"); 29 | } 30 | 31 | a { 32 | color: color("base-lighter"); 33 | 34 | &:hover { 35 | color: color("white"); 36 | } 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/max-height.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | max-height 4 | ---------------------------------------- 5 | usage: 6 | .maxh[key] 7 | ---------------------------------------- 8 | output: 9 | max-height: [value]; 10 | ---------------------------------------- 11 | example: 12 | .maxh-viewport { 13 | max-height: 100vh; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-max-height: ( 18 | max-height: ( 19 | base: "maxh", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($max-height-palettes), $max-height-manual-values), 23 | settings: $max-height-settings, 24 | property: "max-height", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/min-height.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | min-height 4 | ---------------------------------------- 5 | usage: 6 | .minh-[key] 7 | ---------------------------------------- 8 | output: 9 | min-height: [value]; 10 | ---------------------------------------- 11 | example: 12 | .minh-card { 13 | min-height: 200px; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-min-height: ( 18 | min-height: ( 19 | base: "minh", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($min-height-palettes), $min-height-manual-values), 23 | settings: $min-height-settings, 24 | property: "min-height", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/packages/_required.scss: -------------------------------------------------------------------------------- 1 | // Settings 2 | // ------------------------------------- 3 | @import "../settings/settings-general"; 4 | @import "../settings/settings-typography"; 5 | @import "../settings/settings-color"; 6 | @import "../settings/settings-spacing"; 7 | @import "../settings/settings-utilities"; 8 | 9 | // components import needs to be last 10 | @import "../settings/settings-components"; 11 | 12 | @import "../core/functions"; 13 | @import "../core/system-tokens"; 14 | @import "../core/variables"; 15 | @import "../core/properties"; 16 | @import "../core/mixins/all"; 17 | @import "../core/placeholders/all"; 18 | 19 | // deprecated import needs to be last 20 | @import "../core/deprecated"; 21 | @import "../core/notifications"; 22 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/right.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .right 4 | ---------------------------------------- 5 | property: right 6 | ---------------------------------------- 7 | usage: 8 | .right-[key] 9 | ---------------------------------------- 10 | output: 11 | right: [value]; 12 | ---------------------------------------- 13 | example: 14 | .right-n2px { 15 | right: -2px; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-right: ( 20 | right: ( 21 | base: "right", 22 | modifiers: null, 23 | values: map-collect(get-palettes($right-palettes), $right-manual-values), 24 | settings: $right-settings, 25 | property: "right", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/whitespace.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | white-space 4 | ---------------------------------------- 5 | usage: 6 | text-[key] 7 | ---------------------------------------- 8 | output: 9 | white-space: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-pre-wrap { 13 | white-space: pre-wrap; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-whitespace: ( 18 | whitespace: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($whitespace-palettes), $whitespace-manual-values), 23 | settings: $whitespace-settings, 24 | property: "white-space", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/bottom.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .bottom 4 | ---------------------------------------- 5 | property: bottom 6 | ---------------------------------------- 7 | usage: 8 | .bottom-[key] 9 | ---------------------------------------- 10 | output: 11 | bottom: [value]; 12 | ---------------------------------------- 13 | example: 14 | .bottom-n2px { 15 | bottom: -2px; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-bottom: ( 20 | bottom: ( 21 | base: "bottom", 22 | modifiers: null, 23 | values: map-collect(get-palettes($bottom-palettes), $bottom-manual-values), 24 | settings: $bottom-settings, 25 | property: "bottom", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/components/_alt-color-section.scss: -------------------------------------------------------------------------------- 1 | .usa-section--dark { 2 | @if variable-exists(alt-section-bg) { 3 | background-color: color($alt-section-bg); 4 | } 5 | 6 | h1, 7 | h2, 8 | h3, 9 | h4, 10 | h5, 11 | h6 { 12 | @if variable-exists(alt-section-header) { 13 | color: color($alt-section-header); 14 | } 15 | } 16 | 17 | p { 18 | @if variable-exists(alt-section-text) { 19 | color: color($alt-section-text); 20 | } 21 | } 22 | 23 | a { 24 | @if variable-exists(alt-section-link) { 25 | color: color($alt-section-link); 26 | } 27 | 28 | &:hover { 29 | @if variable-exists(alt-section-link-hover) { 30 | color: color($alt-section-link-hover); 31 | } 32 | } 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_dropdown.scss: -------------------------------------------------------------------------------- 1 | .usa-select { 2 | @extend %block-input-general; 3 | @extend %block-input-styles; 4 | @include add-background-svg("arrow-both"); 5 | appearance: none; 6 | background-color: color("white"); 7 | background-position: right units(1.5) center; 8 | background-size: units(1); 9 | padding-right: units(4); 10 | 11 | &::-ms-expand { 12 | display: none; 13 | } 14 | 15 | // Show default webkit style on select element when autofilled to show icon 16 | &:-webkit-autofill { 17 | appearance: menulist; 18 | } 19 | 20 | // Remove dotted outline from select element on focus in Firefox 21 | &:-moz-focusring { 22 | color: transparent; 23 | text-shadow: 0 0 0 color("black"); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/flex.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | flex 4 | ---------------------------------------- 5 | usage: 6 | .flex-[key] 7 | ---------------------------------------- 8 | output: 9 | flex: [value]; 10 | ---------------------------------------- 11 | example: 12 | .flex-1 { 13 | flex: 1 0 0; } 14 | 15 | .flex-fill { 16 | flex: 1 0 0; } 17 | 18 | .flex-auto { 19 | flex: none; } 20 | ---------------------------------------- 21 | */ 22 | 23 | $u-flex: ( 24 | flex: ( 25 | base: "flex", 26 | modifiers: null, 27 | values: map-collect(get-palettes($flex-palettes), $flex-manual-values), 28 | settings: $flex-settings, 29 | property: "flex", 30 | type: "utility" 31 | ) 32 | ); 33 | -------------------------------------------------------------------------------- /uswds-jekyll.gemspec: -------------------------------------------------------------------------------- 1 | # coding: utf-8 2 | 3 | Gem::Specification.new do |s| 4 | s.name = 'uswds-jekyll' 5 | s.version = '5.0.1' 6 | s.authors = ['Shawn Allen', 'Tom Black', 'Brian Hurst', 'Scott Weber', 'Dan O. Williams'] 7 | s.email = ['daniel.williams@gsa.gov'] 8 | 9 | s.summary = "A Jekyll theme for the U.S. Web Design System." 10 | s.homepage = "https://designsystem.digital.gov/" 11 | s.license = "CC0-1.0" 12 | 13 | s.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r{^(assets|_layouts|_includes|_sass|LICENSE|README)}i) } 14 | 15 | s.add_runtime_dependency "jekyll", ">= 4.0", "< 5" 16 | 17 | s.add_development_dependency "bundler" 18 | s.add_development_dependency "rake" 19 | end 20 | -------------------------------------------------------------------------------- /_sass/uswds/src/elements/form-controls/_date-input.scss: -------------------------------------------------------------------------------- 1 | .usa-memorable-date { 2 | display: flex; 3 | [type="number"] { 4 | -moz-appearance: textfield; 5 | 6 | &::-webkit-inner-spin-button { 7 | appearance: none; 8 | } 9 | 10 | &::-webkit-contacts-auto-fill-button { 11 | visibility: hidden; 12 | display: none !important; /* stylelint-disable-line declaration-no-important */ 13 | pointer-events: none; 14 | height: 0; 15 | width: 0; 16 | margin: 0; 17 | } 18 | } 19 | } 20 | 21 | .usa-form-group--day, 22 | .usa-form-group--month, 23 | .usa-form-group--year { 24 | @include u-flex(auto); 25 | margin-right: units(2); 26 | width: units(6); 27 | } 28 | 29 | .usa-form-group--year { 30 | width: units(9); 31 | } 32 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/box-shadow.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | box-shadow 4 | ---------------------------------------- 5 | usage: 6 | .box-shadow-[value] 7 | ---------------------------------------- 8 | output: 9 | box-shadow: [value]; 10 | ---------------------------------------- 11 | example: 12 | .box-shadow-1 { 13 | box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10); } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-box-shadow: ( 18 | box-shadow: ( 19 | base: "shadow", 20 | modifiers: null, 21 | values: 22 | map-collect(get-palettes($box-shadow-palettes), $box-shadow-manual-values), 23 | settings: $box-shadow-settings, 24 | property: "box-shadow", 25 | type: "utility" 26 | ) 27 | ); 28 | -------------------------------------------------------------------------------- /_sass/uswds/src/theme/_uswds-theme-custom-styles.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * * * * * ============================== 3 | * * * * * ============================== 4 | * * * * * ============================== 5 | * * * * * ============================== 6 | ======================================== 7 | ======================================== 8 | ======================================== 9 | ---------------------------------------- 10 | USWDS THEME CUSTOM STYLES 11 | ---------------------------------------- 12 | !! Copy this file to your project's 13 | sass root. Don't edit the version 14 | in node_modules. 15 | ---------------------------------------- 16 | Custom project SASS goes here. 17 | 18 | i.e. 19 | @include u-padding-right('05'); 20 | ---------------------------------------- 21 | */ 22 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/measure.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .measure 4 | ---------------------------------------- 5 | property: max-width 6 | ---------------------------------------- 7 | usage: 8 | .measure-[key] 9 | ---------------------------------------- 10 | output: 11 | max-width: [value]; 12 | ---------------------------------------- 13 | example: 14 | .measure-4 { 15 | max-width: 68ex; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-measure: ( 20 | measure: ( 21 | base: "measure", 22 | modifiers: null, 23 | values: map-collect(get-palettes($measure-palettes), $measure-manual-values), 24 | settings: $measure-settings, 25 | property: "max-width", 26 | type: "utility" 27 | ) 28 | ); 29 | -------------------------------------------------------------------------------- /_sass/uswds/components/_usa-banner.scss: -------------------------------------------------------------------------------- 1 | .usa-banner { 2 | @if variable-exists(usa-banner-bg) { 3 | background-color: color($usa-banner-bg); 4 | } 5 | 6 | .usa-banner__header-text { 7 | @if variable-exists(usa-banner-text) { 8 | color: color($usa-banner-text); 9 | } 10 | } 11 | 12 | .usa-banner__header-action, 13 | .usa-banner__button-text { 14 | @if variable-exists(usa-banner-link) { 15 | color: color($usa-banner-link); 16 | } 17 | 18 | &:hover { 19 | @if variable-exists(usa-banner-link-hover) { 20 | color: color($usa-banner-link-hover); 21 | } 22 | } 23 | } 24 | 25 | .usa-banner__content { 26 | @if variable-exists(usa-banner-text) { 27 | color: color($usa-banner-text); 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/font-weight.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | font-weight 4 | ---------------------------------------- 5 | usage: 6 | .text-[key] 7 | ---------------------------------------- 8 | output: 9 | font-weight: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-300 { 13 | font-weight: 300; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-font-weight: ( 18 | font-weight: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($font-weight-palettes), 24 | $font-weight-manual-values 25 | ), 26 | settings: $font-weight-settings, 27 | property: "font-weight", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /assets/uswds/img/plus.svg: -------------------------------------------------------------------------------- 1 | plus -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/font-style.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | font-style 4 | ---------------------------------------- 5 | usage: 6 | .text-italic 7 | ---------------------------------------- 8 | output: 9 | font-style: italic; 10 | ---------------------------------------- 11 | example: 12 | .text-italic { 13 | font-style: italic; } 14 | .text-no-italic { 15 | font-style: normal; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-font-style: ( 20 | font-style: ( 21 | base: "text", 22 | modifiers: null, 23 | values: 24 | map-collect(get-palettes($font-style-palettes), $font-style-manual-values), 25 | settings: $font-style-settings, 26 | property: "font-style", 27 | type: "utility" 28 | ) 29 | ); 30 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/text-indent.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | text-indent 4 | ---------------------------------------- 5 | usage: 6 | .text-indent-[key] 7 | ---------------------------------------- 8 | output: 9 | align: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-indent-0 { 13 | text-ident: 0; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-text-indent: ( 18 | text-indent: ( 19 | base: "text-indent", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($text-indent-palettes), 24 | $text-indent-manual-values 25 | ), 26 | settings: $text-indent-settings, 27 | property: "text-indent", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/align-items.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | align-items 4 | ---------------------------------------- 5 | usage: 6 | .flex-align-[key] 7 | ---------------------------------------- 8 | output: 9 | align-items: [value]; 10 | ---------------------------------------- 11 | example: 12 | .flex-align-start { 13 | align-items: flex-start; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-align-items: ( 18 | align-items: ( 19 | base: "flex", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($align-items-palettes), 24 | $align-items-manual-values 25 | ), 26 | settings: $align-items-settings, 27 | property: "align-items", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/square.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | SQUARE 4 | ---------------------------------------- 5 | usage: 6 | .square-[key] 7 | ---------------------------------------- 8 | output: 9 | height: [value]; 10 | width: [value]; 11 | ---------------------------------------- 12 | example: 13 | .square-g6 { 14 | height: 3rem; 15 | width: 3rem; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-square: ( 20 | square: ( 21 | base: null, 22 | modifiers: ( 23 | square: ( 24 | height, 25 | width 26 | ) 27 | ), 28 | values: map-collect(get-palettes($square-palettes), $square-manual-values), 29 | settings: $square-settings, 30 | property: "", 31 | type: "utility" 32 | ) 33 | ); 34 | -------------------------------------------------------------------------------- /assets/uswds/img/icon-dot-gov.svg: -------------------------------------------------------------------------------- 1 | icon-dot-gov -------------------------------------------------------------------------------- /assets/uswds/img/plus-alt.svg: -------------------------------------------------------------------------------- 1 | plus-alt -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/line-height.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | line-height 4 | ---------------------------------------- 5 | usage: 6 | .line-height-[value] 7 | ---------------------------------------- 8 | output: 9 | line-height: [value]; 10 | ---------------------------------------- 11 | example: 12 | .line-height-sans-2 { 13 | line-height: 1.15; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-line-height: ( 18 | line-height: ( 19 | base: "line-height", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($line-height-palettes), 24 | $line-height-manual-values 25 | ), 26 | settings: $line-height-settings, 27 | property: "line-height", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_data/favicons.yml: -------------------------------------------------------------------------------- 1 | # This is the configuration for the site favicons. 2 | 3 | - rel: shortcut icon 4 | type: image/ico 5 | href: /assets/uswds/img/favicons/favicon.ico 6 | - rel: icon 7 | type: image/png 8 | href: /assets/uswds/img/favicons/favicon.png 9 | - rel: icon 10 | type: image/png 11 | sizes: 192x192 12 | href: /assets/uswds/img/favicons/favicon-192.png 13 | - rel: apple-touch-icon-precomposed 14 | href: /assets/uswds/img/favicons/favicon-57.png 15 | - rel: apple-touch-icon-precomposed 16 | sizes: 72x72 17 | href: /assets/uswds/img/favicons/favicon-72.png 18 | - rel: apple-touch-icon-precomposed 19 | sizes: 114x114 20 | href: /assets/uswds/img/favicons/favicon-114.png 21 | - rel: apple-touch-icon-precomposed 22 | sizes: 144x144 23 | href: /assets/uswds/img/favicons/favicon-144.png 24 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_hero.scss: -------------------------------------------------------------------------------- 1 | // Hero feature 2 | // ========================== 3 | 4 | .usa-hero { 5 | @include border-box-sizing; 6 | @include typeset; 7 | @include u-padding-y($theme-site-margins-width); 8 | background-image: url("#{$theme-hero-image}"); 9 | background-position: center; 10 | background-size: cover; 11 | color: color("white"); 12 | } 13 | 14 | .usa-hero__callout { 15 | background-color: color("primary-darker"); 16 | padding: units(4); 17 | 18 | @include at-media("tablet") { 19 | max-width: units("mobile"); 20 | } 21 | } 22 | 23 | .usa-hero__heading { 24 | @include typeset-h2; 25 | color: color("accent-cool"); 26 | line-height: line-height("heading", 2); 27 | } 28 | 29 | .usa-hero__heading--alt { 30 | color: color("white"); 31 | display: block; 32 | } 33 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/border-style.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | border-style 4 | ---------------------------------------- 5 | usage: 6 | .border[-modifier]*-[key] 7 | ---------------------------------------- 8 | output: 9 | border-style: [value]; 10 | ---------------------------------------- 11 | example: 12 | .border-dotted { 13 | border-style: dotted; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-border-style: ( 18 | border-style: ( 19 | base: "border", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($border-style-palettes), 24 | $border-style-manual-values 25 | ), 26 | settings: $border-style-settings, 27 | property: "border-style", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/color.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | color 4 | ---------------------------------------- 5 | usage: 6 | .color-[key] 7 | ---------------------------------------- 8 | output: 9 | color: [value]; 10 | ---------------------------------------- 11 | example: 12 | .color-black-100 { 13 | color: #000; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-color: ( 18 | color: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | $tokens-color-required, 24 | get-palettes($color-palettes), 25 | get-palettes($global-color-palettes), 26 | $color-manual-values 27 | ), 28 | settings: $color-settings, 29 | property: "color", 30 | type: "utility" 31 | ) 32 | ); 33 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/letter-spacing.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | letter-spacing 4 | ---------------------------------------- 5 | usage: 6 | .text-ls-[key] 7 | ---------------------------------------- 8 | output: 9 | letter-spacing: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-ls-2 { 13 | letter-spacing: .1em; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-letter-spacing: ( 18 | letter-spacing: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($letter-spacing-palettes), 24 | $letter-spacing-manual-values 25 | ), 26 | settings: $letter-spacing-settings, 27 | property: "letter-spacing", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/text-transform.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | text-transform 4 | ---------------------------------------- 5 | usage: 6 | .text-[value] 7 | ---------------------------------------- 8 | output: 9 | text-transform: value; 10 | ---------------------------------------- 11 | example: 12 | .text-uppercase { 13 | text-transform: uppercase; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-text-transform: ( 18 | text-transform: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($text-transform-palettes), 24 | $text-transform-manual-values 25 | ), 26 | settings: $text-transform-settings, 27 | property: "text-transform", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/palettes/colors/_black-transparent-palettes.scss: -------------------------------------------------------------------------------- 1 | $tokens-color-black-transparent: ( 2 | "black-transparent-5": $color-black-transparent-5, 3 | "black-transparent-10": $color-black-transparent-10, 4 | "black-transparent-20": $color-black-transparent-20, 5 | "black-transparent-30": $color-black-transparent-30, 6 | "black-transparent-40": $color-black-transparent-40, 7 | "black-transparent-50": $color-black-transparent-50, 8 | "black-transparent-60": $color-black-transparent-60, 9 | "black-transparent-70": $color-black-transparent-70, 10 | "black-transparent-80": $color-black-transparent-80, 11 | "black-transparent-90": $color-black-transparent-90 12 | ); 13 | 14 | $palettes-color-black-transparent: ( 15 | "palette-color-system-black-transparent": $tokens-color-black-transparent 16 | ); 17 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/palettes/colors/_white-transparent-palettes.scss: -------------------------------------------------------------------------------- 1 | $tokens-color-white-transparent: ( 2 | "white-transparent-5": $color-white-transparent-5, 3 | "white-transparent-10": $color-white-transparent-10, 4 | "white-transparent-20": $color-white-transparent-20, 5 | "white-transparent-30": $color-white-transparent-30, 6 | "white-transparent-40": $color-white-transparent-40, 7 | "white-transparent-50": $color-white-transparent-50, 8 | "white-transparent-60": $color-white-transparent-60, 9 | "white-transparent-70": $color-white-transparent-70, 10 | "white-transparent-80": $color-white-transparent-80, 11 | "white-transparent-90": $color-white-transparent-90 12 | ); 13 | 14 | $palettes-color-white-transparent: ( 15 | "palette-color-system-white-transparent": $tokens-color-white-transparent 16 | ); 17 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/flex-direction.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | flex-direction 4 | ---------------------------------------- 5 | usage: 6 | .flex-direction-[value] 7 | ---------------------------------------- 8 | output: 9 | flex-direction: [value] 10 | ---------------------------------------- 11 | example: 12 | .flex-direction-row { 13 | flex-direction: row; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-flex-direction: ( 18 | flex-direction: ( 19 | base: "flex", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($flex-direction-palettes), 24 | $flex-direction-manual-values 25 | ), 26 | settings: $flex-direction-settings, 27 | property: "flex-direction", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/overflow.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | overflow 4 | ---------------------------------------- 5 | usage: 6 | .overflow-[modifier] 7 | ---------------------------------------- 8 | output: 9 | overflow[-modifier]: [value] solid; 10 | ---------------------------------------- 11 | example: 12 | .overflow-y-hidden { 13 | overflow-y: hidden; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-overflow: ( 18 | overflow: ( 19 | base: "overflow", 20 | modifiers: ( 21 | noModifier: "", 22 | "y": "-y", 23 | "x": "-x" 24 | ), 25 | values: 26 | map-collect(get-palettes($overflow-palettes), $overflow-manual-values), 27 | settings: $overflow-settings, 28 | property: "overflow", 29 | type: "utility" 30 | ) 31 | ); 32 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/text-decoration.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | text-decoration 4 | ---------------------------------------- 5 | usage: 6 | .text-[key] 7 | ---------------------------------------- 8 | output: 9 | text-decoration: [value] 10 | ---------------------------------------- 11 | example: 12 | .text-no-underline { 13 | text-decoration: none; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-text-decoration: ( 18 | text-decoration: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($text-decoration-palettes), 24 | $text-decoration-manual-values 25 | ), 26 | settings: $text-decoration-settings, 27 | property: "text-decoration", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/vertical-align.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | vertical-align 4 | ---------------------------------------- 5 | usage: 6 | .vertical-align-[value] 7 | ---------------------------------------- 8 | output: 9 | vertical-align: [value] 10 | ---------------------------------------- 11 | example: 12 | .vertical-align-top { 13 | vertical-align: top; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-vertical-align: ( 18 | vertical-align: ( 19 | base: "text", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($vertical-align-palettes), 24 | $vertical-align-manual-values 25 | ), 26 | settings: $vertical-align-settings, 27 | property: "vertical-align", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/components/_footer.scss: -------------------------------------------------------------------------------- 1 | .usa-footer__primary-section { 2 | @if variable-exists(primary-footer-bg) { 3 | background-color: color($primary-footer-bg); 4 | } 5 | 6 | .usa-footer__primary-link { 7 | @if variable-exists(primary-footer-link) { 8 | color: color($primary-footer-link); 9 | } 10 | } 11 | } 12 | 13 | .usa-footer__secondary-section { 14 | @if variable-exists(footer-bg) { 15 | background-color: color($footer-bg); 16 | } 17 | @if variable-exists(footer-text) { 18 | color: color($footer-text); 19 | } 20 | 21 | a { 22 | @if variable-exists(footer-link) { 23 | color: color($footer-link); 24 | } 25 | } 26 | 27 | .usa-social-link { 28 | @if variable-exists(footer-social-link) { 29 | background-color: color($footer-social-link); 30 | } 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /_layouts/project.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 5 | 18 | 19 |
    20 |

    {{ page.title }}

    21 | {{ page.image_alt }} 22 | {{ content }} 23 |
    24 | -------------------------------------------------------------------------------- /_includes/components/graphic-list.html: -------------------------------------------------------------------------------- 1 | {% assign graphics = include.graphics %} 2 | {% if graphics %} 3 |
    4 |
    5 | {% for graphic in graphics %} 6 | {% cycle '
    ', '' %} 7 |
    8 | {{ graphic.image.alt }} 9 |
    10 | {% if graphic.title %}

    {{ graphic.title }}

    {% endif %} 11 | {{ graphic.description | markdownify }} 12 |
    13 |
    14 | {% cycle '', '
    ' %} 15 | {% endfor %} 16 |
    17 |
    18 | {% endif %} 19 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/clearfix.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .clearfix 4 | ---------------------------------------- 5 | usage: 6 | .clearfix 7 | ---------------------------------------- 8 | example: 9 | .clearfix::after { 10 | clear: both; 11 | content: ""; 12 | display: block; } 13 | ---------------------------------------- 14 | */ 15 | 16 | $u-clearfix: ( 17 | clearfix: ( 18 | base: "clearfix::after", 19 | modifiers: null, 20 | values: ( 21 | reset: ( 22 | slug: "noValue", 23 | isReadable: false, 24 | content: "both", 25 | extend: ( 26 | "content": '""', 27 | "display": "block" 28 | ) 29 | ) 30 | ), 31 | settings: $clearfix-settings, 32 | property: "clear", 33 | type: "utility" 34 | ) 35 | ); 36 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/font-feature.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | font-feature-settings 4 | ---------------------------------------- 5 | usage: 6 | .text-[key] 7 | ---------------------------------------- 8 | output: 9 | font-feature-settings: [value]; 10 | ---------------------------------------- 11 | example: 12 | .text-tabular { 13 | font-feature-settings: 14 | 'tnum' 1, 'kern' 1; } 15 | ---------------------------------------- 16 | */ 17 | 18 | $u-font-feature: ( 19 | font-feature: ( 20 | base: "text", 21 | modifiers: null, 22 | values: 23 | map-collect( 24 | get-palettes($font-feature-palettes), 25 | $font-feature-manual-values 26 | ), 27 | settings: $font-feature-settings, 28 | property: "font-feature-settings", 29 | type: "utility" 30 | ) 31 | ); 32 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/outline.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | outline 4 | ---------------------------------------- 5 | sets width and style:solid 6 | ---------------------------------------- 7 | usage: 8 | .outline-[modifier] 9 | ---------------------------------------- 10 | output: 11 | outline: [modifier] solid; 12 | ---------------------------------------- 13 | example: 14 | .outline-g05 { 15 | outline: 4px solid } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-outline: ( 20 | outline: ( 21 | base: "outline", 22 | modifiers: null, 23 | values: map-collect(get-palettes($outline-palettes), $outline-manual-values), 24 | settings: $outline-settings, 25 | valuePrepend: null, 26 | valueAppend: " solid", 27 | property: "outline", 28 | type: "utility" 29 | ) 30 | ); 31 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/circle.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | circle 4 | ---------------------------------------- 5 | usage: 6 | .circle-[key] 7 | ---------------------------------------- 8 | output: 9 | height: [value]; 10 | width: [value]; 11 | border-radius: 50%; 12 | ---------------------------------------- 13 | example: 14 | .circle-6 { 15 | height: 3rem; 16 | width: 3rem; } 17 | ---------------------------------------- 18 | */ 19 | 20 | $u-circle: ( 21 | circle: ( 22 | base: "circle", 23 | modifiers: null, 24 | values: map-collect(get-palettes($circle-palettes), $circle-manual-values), 25 | settings: $circle-settings, 26 | property: ( 27 | height, 28 | width 29 | ), 30 | extend: ( 31 | "border-radius": "50%" 32 | ), 33 | type: "utility" 34 | ) 35 | ); 36 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/utilities/_overflow.scss: -------------------------------------------------------------------------------- 1 | // Outputs overflow 2 | 3 | @mixin u-overflow($value...) { 4 | $important: null; 5 | @if has-important($value) { 6 | $value: remove($value, "!important"); 7 | $important: " !important"; 8 | } 9 | overflow: get-uswds-value(overflow, $value...) #{$important}; 10 | } 11 | 12 | @mixin u-overflow-x($value...) { 13 | $important: null; 14 | @if has-important($value) { 15 | $value: remove($value, "!important"); 16 | $important: " !important"; 17 | } 18 | overflow-x: get-uswds-value(overflow, $value...) #{$important}; 19 | } 20 | 21 | @mixin u-overflow-y($value...) { 22 | $important: null; 23 | @if has-important($value) { 24 | $value: remove($value, "!important"); 25 | $important: " !important"; 26 | } 27 | overflow-y: get-uswds-value(overflow, $value...) #{$important}; 28 | } 29 | -------------------------------------------------------------------------------- /_includes/components/hero.html: -------------------------------------------------------------------------------- 1 | {% if hero %} 2 |
    3 |
    4 |
    5 | {% if hero.callout %} 6 |

    7 | {% if hero.callout.alt %} 8 | {{ hero.callout.alt }} 9 | {% endif %} 10 | {{ hero.callout.text | default: hero.callout }} 11 |

    12 | {% endif %} 13 | 14 | {{ hero.content | markdownify }} 15 | 16 | {% if hero.button %} 17 | 19 | {{ hero.button.text }} 20 | 21 | {% endif %} 22 |
    23 |
    24 |
    25 | {% endif %} 26 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/mixins/_usa-typography.scss: -------------------------------------------------------------------------------- 1 | @mixin usa-paragraph-style { 2 | p { 3 | @extend %usa-paragraph; 4 | } 5 | } 6 | 7 | @mixin usa-link-style { 8 | a { 9 | @include typeset-link; 10 | } 11 | } 12 | 13 | @mixin usa-headings-styles { 14 | h1, 15 | h2, 16 | h3, 17 | h4, 18 | h5, 19 | h6 { 20 | @extend %usa-heading; 21 | } 22 | 23 | h1 { 24 | @include h1; 25 | } 26 | 27 | h2 { 28 | @include h2; 29 | } 30 | 31 | h3 { 32 | @include h3; 33 | } 34 | 35 | h4 { 36 | @include h4; 37 | } 38 | 39 | h5 { 40 | @include h5; 41 | } 42 | 43 | h6 { 44 | @include h6; 45 | } 46 | } 47 | 48 | @mixin usa-content-styles { 49 | @include usa-paragraph-style; 50 | @include usa-link-style; 51 | @include usa-headings-styles; 52 | @include usa-list-styles; 53 | @include usa-table-styles; 54 | } 55 | -------------------------------------------------------------------------------- /_includes/components/search.html: -------------------------------------------------------------------------------- 1 |
    7 | 11 | 16 |
    17 | 18 | 24 | 30 |
    31 |
    32 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/border-color.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | background-color 4 | ---------------------------------------- 5 | usage: 6 | .border-[color] 7 | ---------------------------------------- 8 | output: 9 | border[-color]: [color]; 10 | ---------------------------------------- 11 | example: 12 | .border-red { 13 | border-color: #be4900; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-border-color: ( 18 | border-color: ( 19 | property: "border-color", 20 | base: "border", 21 | modifiers: null, 22 | values: 23 | map-collect( 24 | $tokens-color-required, 25 | get-palettes($border-color-palettes), 26 | get-palettes($global-color-palettes), 27 | $border-color-manual-values 28 | ), 29 | settings: $border-color-settings, 30 | type: "utility" 31 | ) 32 | ); 33 | -------------------------------------------------------------------------------- /_sass/uswds/src/components/_graphic-list.scss: -------------------------------------------------------------------------------- 1 | // A collection of media block objects 2 | 3 | .usa-graphic-list { 4 | @include typeset; 5 | @include border-box-sizing; 6 | 7 | .usa-graphic-list__row { 8 | .usa-media-block { 9 | margin-bottom: units(4); 10 | 11 | @include at-media("tablet") { 12 | margin-bottom: units(8); 13 | } 14 | } 15 | 16 | &:last-child { 17 | .usa-media-block { 18 | @include at-media("tablet") { 19 | margin-bottom: 0; 20 | } 21 | 22 | &:last-child { 23 | margin-bottom: 0; 24 | } 25 | } 26 | } 27 | } 28 | 29 | .usa-media-block__img { 30 | margin-right: units(3); 31 | } 32 | 33 | .usa-media-block__body { 34 | > :first-child { 35 | margin-top: 0; 36 | } 37 | } 38 | } 39 | 40 | .usa-graphic-list__heading { 41 | @include typeset-h3; 42 | } 43 | -------------------------------------------------------------------------------- /_includes/sidenav.html: -------------------------------------------------------------------------------- 1 | 24 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/justify-content.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | .justify-content 4 | ---------------------------------------- 5 | property: justify-content 6 | ---------------------------------------- 7 | usage: 8 | .flex-justify-[key] 9 | ---------------------------------------- 10 | output: 11 | justify-content: [value]; 12 | ---------------------------------------- 13 | example: 14 | .flex-justify-start { 15 | justify-content: flex-start; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $u-justify-content: ( 20 | justify-content: ( 21 | base: "flex", 22 | modifiers: null, 23 | values: 24 | map-collect( 25 | get-palettes($justify-content-palettes), 26 | $justify-content-manual-values 27 | ), 28 | settings: $justify-content-settings, 29 | property: "justify-content", 30 | type: "utility" 31 | ) 32 | ); 33 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | main: 4 | class: usa-layout-docs usa-layout-docs__main desktop:grid-col-9 usa-prose 5 | --- 6 | 7 |
    8 |
    9 |
    10 | {% assign sidenav = site.data.navigation[page.sidenav] | default: page.sidenav %} 11 | {% if sidenav %} 12 |
    13 | {% include sidenav.html links=sidenav %} 14 |
    15 | {% endif %} 16 | 17 |
    18 | {% if page.title %} 19 |

    {{ page.title }}

    20 | {% endif %} 21 | {{ content }} 22 |
    23 |
    24 |
    25 |
    26 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/background-color.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | background-color 4 | ---------------------------------------- 5 | usage: 6 | .bg-[key] 7 | ---------------------------------------- 8 | output: 9 | background-color: [value]; 10 | ---------------------------------------- 11 | example: 12 | .bg-red-50v { 13 | background-color: #be4900; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-background-color: ( 18 | background-color: ( 19 | base: "bg", 20 | modifiers: null, 21 | property: "background-color", 22 | values: 23 | map-collect( 24 | get-palettes($background-color-palettes), 25 | get-palettes("palette-color-required"), 26 | get-palettes($global-color-palettes), 27 | $background-color-manual-values 28 | ), 29 | settings: $background-color-settings, 30 | type: "utility" 31 | ) 32 | ); 33 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/outline-color.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | outline-color 4 | ---------------------------------------- 5 | usage: 6 | .outline-color-[key] 7 | ---------------------------------------- 8 | output: 9 | outline-color: [value]; 10 | ---------------------------------------- 11 | example: 12 | .outline-color-yellow-50 { 13 | outline-color: #91721f; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-outline-color: ( 18 | outline-color: ( 19 | base: "outline", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($outline-color-palettes), 24 | get-palettes($global-color-palettes), 25 | $outline-color-manual-values 26 | ), 27 | settings: $outline-color-settings, 28 | valuePrepend: null, 29 | valueAppend: null, 30 | property: "outline-color", 31 | type: "utility" 32 | ) 33 | ); 34 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/text-decoration-color.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | text-decoration-color 4 | ---------------------------------------- 5 | usage: 6 | .text-decoration-color-[key] 7 | ---------------------------------------- 8 | output: 9 | text-decoration-color: [value] 10 | ---------------------------------------- 11 | example: 12 | .text-decoration-color-black { 13 | text-decoration-color: #000; } 14 | ---------------------------------------- 15 | */ 16 | 17 | $u-text-decoration-color: ( 18 | text-decoration-color: ( 19 | base: "underline", 20 | modifiers: null, 21 | values: 22 | map-collect( 23 | get-palettes($text-decoration-color-palettes), 24 | get-palettes($global-color-palettes), 25 | $text-decoration-color-manual-values 26 | ), 27 | settings: $text-decoration-color-settings, 28 | property: "text-decoration-color", 29 | type: "utility" 30 | ) 31 | ); 32 | -------------------------------------------------------------------------------- /_sass/uswds/src/utilities/rules/add-list-reset.scss: -------------------------------------------------------------------------------- 1 | /* 2 | ======================================== 3 | LIST RESET 4 | ---------------------------------------- 5 | usage: 6 | .list-reset 7 | ---------------------------------------- 8 | output: 9 | list-style: none; 10 | padding-left: 0; 11 | ---------------------------------------- 12 | example: 13 | .list-reset { 14 | list-style: none; 15 | padding-left: 0; } 16 | ---------------------------------------- 17 | */ 18 | 19 | $add-list-reset: ( 20 | list-reset: ( 21 | base: "add-list", 22 | modifiers: null, 23 | values: ( 24 | reset: ( 25 | slug: "reset", 26 | isReadable: true, 27 | content: "none", 28 | extend: ( 29 | "margin-bottom": "0", 30 | "margin-top": "0", 31 | "padding-left": "0" 32 | ) 33 | ) 34 | ), 35 | settings: $add-list-reset-settings, 36 | property: "list-style", 37 | type: "object" 38 | ) 39 | ); 40 | -------------------------------------------------------------------------------- /_includes/analytics.html: -------------------------------------------------------------------------------- 1 | {% if site.google_analytics_ua %} 2 | 3 | 4 | 12 | {% endif %} 13 | 14 | {% if site.dap_agency %} 15 | 16 | 17 | {% endif %} 18 | -------------------------------------------------------------------------------- /_sass/uswds/src/core/_deprecated.scss: -------------------------------------------------------------------------------- 1 | /* deprecated.scss 2 | --- 3 | Occasionally the design system will deprecate 4 | old variables or functionality. If we replace 5 | the old functionality with something new, this is a 6 | place to connect the old functionality to the 7 | new functionality, in the service of better 8 | continuity and backwards compatibility within a 9 | major release cycle. 10 | 11 | Note the USWDS version where we deprecated the 12 | old functionality in a comment. 13 | 14 | Be sure to update notifications.scss. 15 | 16 | This file should started fresh at each 17 | major version. 18 | */ 19 | 20 | // Deprecated in 2.2.0 21 | $theme-navigation-width: $theme-header-min-width; 22 | $theme-megamenu-logo-text-width: $theme-header-logo-text-width; 23 | 24 | // Deprecated in 2.0.2 25 | $theme-title-font-size: $theme-display-font-size; 26 | 27 | @mixin title { 28 | @include display; 29 | } 30 | 31 | @mixin typeset-title { 32 | @include typeset-display; 33 | } 34 | -------------------------------------------------------------------------------- /_sass/uswds/components/_hero.scss: -------------------------------------------------------------------------------- 1 | .usa-hero { 2 | .usa-hero__callout { 3 | @if variable-exists(hero-bg) { 4 | background-color: color($hero-bg); 5 | } 6 | 7 | h1, 8 | h2, 9 | h3, 10 | h4, 11 | h5, 12 | h6 { 13 | @if variable-exists(hero-header) { 14 | color: color($hero-header); 15 | } 16 | } 17 | 18 | .usa-hero__heading--alt { 19 | @if variable-exists(hero-header-alt) { 20 | color: color($hero-header-alt); 21 | } 22 | } 23 | 24 | p { 25 | @if variable-exists(hero-text) { 26 | color: color($hero-text); 27 | } 28 | } 29 | 30 | .usa-hero-link { 31 | @if variable-exists(hero-link) { 32 | color: color($hero-link); 33 | } 34 | } 35 | 36 | .usa-button { 37 | @if variable-exists(hero-button-bg) { 38 | background-color: color($hero-button-bg); 39 | } 40 | @if variable-exists(hero-button-text) { 41 | color: color($hero-button-text); 42 | } 43 | } 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /assets/uswds/img/alerts/success.svg: -------------------------------------------------------------------------------- 1 | Shape --------------------------------------------------------------------------------