// Modifying this file can can cause the theme to break. // It should only be modified by an advanced user.
// import project theme settings @import 'uswds-theme-settings';
// import theme override settings @import 'uswds-theme-override-settings';
// Setting site width {% if site.site_width %}
$theme-header-max-width: "full"; $theme-banner-max-width: "full";
{% endif %}
// import uswds @import 'uswds-theme-packages';
// set jekyll overrides // Nav buttons {% for item in site.data.navigation.primary %}
{% if item.class %} @import 'uswds/components/nav-buttons'; {% break %} {% endif %}
{% endfor %}
// Setting site width {% if site.site_width %}
@import 'uswds/components/site-width';
{% endif %}
$theme-sidenav-breakpoint: '{{ site.data.navigation.sidenav-breakpoint | default: “desktop” }}';
// Banner colors {% assign colors_banner = site.data.theme.colors.usa-banner %} {% if colors_banner.usa-banner-bg %}
$usa-banner-bg: '{{ colors_banner.usa-banner-bg }}';
{% endif %} {% if colors_banner.usa-banner-text %}
$usa-banner-text: '{{ colors_banner.usa-banner-text }}';
{% endif %} {% if colors_banner.usa-banner-link %}
$usa-banner-link: '{{ colors_banner.usa-banner-link }}';
{% endif %} {% if colors_banner.usa-banner-link-hover %}
$usa-banner-link-hover: '{{ colors_banner.usa-banner-link-hover }}';
{% endif %}
// Header colors {% assign colors_header = site.data.theme.colors.header %} {% if colors_header.header-bg %}
$header-bg: '{{ colors_header.header-bg }}';
{% endif %} {% if colors_header.header-title %}
$header-title: '{{ colors_header.header-title }}';
{% endif %} {% if colors_header.header-link %}
$header-link: '{{ colors_header.header-link }}';
{% endif %} {% if colors_header.header-link-hover %}
$header-link-hover: '{{ colors_header.header-link-hover }}';
{% endif %}
// Top nav colors {% assign colors_nav = site.data.theme.colors.top-navigation %} {% if colors_nav.top-nav-bg %}
$top-nav-bg: '{{ colors_nav.top-nav-bg }}';
{% endif %} {% if colors_nav.top-nav-link %}
$top-nav-link: '{{ colors_nav.top-nav-link }}';
{% endif %} {% if colors_nav.top-nav-link-hover %}
$top-nav-link-hover: '{{ colors_nav.top-nav-link-hover }}';
{% endif %} {% if colors_nav.top-nav-link-hover-bg %}
$top-nav-link-hover-bg: '{{ colors_nav.top-nav-link-hover-bg }}';
{% endif %} {% if colors_nav.top-nav-link-current %}
$top-nav-link-current: '{{ colors_nav.top-nav-link-current }}';
{% endif %} {% if colors_nav.top-nav-dropdown-bg %}
$top-nav-dropdown-bg: '{{ colors_nav.top-nav-dropdown-bg }}';
{% endif %} {% if colors_nav.top-nav-dropdown-link %}
$top-nav-dropdown-link: '{{ colors_nav.top-nav-dropdown-link }}';
{% endif %} {% if colors_nav.top-nav-dropdown-link-hover-bg %}
$top-nav-dropdown-link-hover-bg: '{{ colors_nav.top-nav-dropdown-link-hover-bg }}';
{% endif %}
// Sidenav colors {% assign colors_sidenav = site.data.theme.colors.side-navigation %} {% if colors_sidenav.side-nav-bg %}
$side-nav-bg: '{{ colors_sidenav.side-nav-bg }}';
{% endif %} {% if colors_sidenav.side-nav-link %}
$side-nav-link: '{{ colors_sidenav.side-nav-link }}';
{% endif %} {% if colors_sidenav.side-nav-link-hover %}
$side-nav-link-hover: '{{ colors_sidenav.side-nav-link-hover }}';
{% endif %} {% if colors_sidenav.side-nav-link-hover-bg %}
$side-nav-link-hover-bg: '{{ colors_sidenav.side-nav-link-hover-bg }}';
{% endif %} {% if colors_sidenav.side-nav-link-current %}
$side-nav-link-current: '{{ colors_sidenav.side-nav-link-current }}';
{% endif %}
// Hero colors {% assign colors_hero = site.data.theme.colors.hero %} {% if colors_hero.hero-bg %}
$hero-bg: '{{ colors_hero.hero-bg }}';
{% endif %} {% if colors_hero.hero-header-alt %}
$hero-header-alt: '{{ colors_hero.hero-header-alt }}';
{% endif %} {% if colors_hero.hero-header %}
$hero-header: '{{ colors_hero.hero-header }}';
{% endif %} {% if colors_hero.hero-text %}
$hero-text: '{{ colors_hero.hero-text }}';
{% endif %} {% if colors_hero.hero-link %}
$hero-link: '{{ colors_hero.hero-link }}';
{% endif %} {% if colors_hero.hero-button-bg %}
$hero-button-bg: '{{ colors_hero.hero-button-bg }}';
{% endif %} {% if colors_hero.hero-button-text %}
$hero-button-text: '{{ colors_hero.hero-button-text }}';
{% endif %}
// Alt section colors {% assign colors_alt = site.data.theme.colors.alt-section %} {% if colors_alt.bg-color %}
$alt-section-bg: '{{ colors_alt.bg-color }}';
{% endif %} {% if colors_alt.header-color %}
$alt-section-header: '{{ colors_alt.header-color }}';
{% endif %} {% if colors_alt.text-color %}
$alt-section-text: '{{ colors_alt.text-color }}';
{% endif %} {% if colors_alt.link-color %}
$alt-section-link: '{{ colors_alt.link-color }}';
{% endif %} {% if colors_alt.link-hover-color %}
$alt-section-link-hover: '{{ colors_alt.link-hover-color }}';
{% endif %}
// Footer colors {% assign colors_footer = site.data.theme.colors.footer %} {% if colors_footer.primary-footer-bg %}
$primary-footer-bg: '{{ colors_footer.primary-footer-bg }}';
{% endif %} {% if colors_footer.primary-footer-link %}
$primary-footer-link: '{{ colors_footer.primary-footer-link }}';
{% endif %} {% if colors_footer.footer-bg %}
$footer-bg: '{{ colors_footer.footer-bg }}';
{% endif %} {% if colors_footer.footer-text %}
$footer-text: '{{ colors_footer.footer-text }}';
{% endif %} {% if colors_footer.footer-link %}
$footer-link: '{{ colors_footer.footer-link }}';
{% endif %} {% if colors_footer.footer-social-link %}
$footer-social-link: '{{ colors_footer.footer-social-link }}';
{% endif %}
// import jekyll uswds override styles @import 'uswds/components/all';
// import theme styles @import 'uswds/custom/uswds-theme-custom-styles';
// import conversion variables @import 'uswds/settings/uswds-conversion-variables';
// import user custom styles @import 'uswds-theme-custom-styles';