CMSgov/dpc-app

View on GitHub
dpc-web/app/assets/stylesheets/settings/_variables.scss

Summary

Maintainability
Test Coverage
// Colors
$color-warn-alt: #e27100;
$color-warn-alt-light: rgba($color-warn-lightest, .9);
$color-primary-alt-dark: #004972;
$color-gray-ultra-light: #f6f6f6;
$color-gray-med: #cbcbcb;
$color-success-alt-lightest: rgba($color-success-lightest, .9);

// Focus
$focus-outline:  5px solid $color-gold-light;

// Measure
$measure-1:  40ch;
$measure-2:  60ch;
$measure-3:  66ch;
$measure-4:  72ch;
$measure-5:  77ch;

// Breakpoints
$width-nav: 1020px;
$width-med: 768px;
$layout-breakpoint: 965px;
$layout-l-breakpoint: 1250px;

// Replace US WDS font stacks with HealthCare.gov font stacks
$font-sans: 'Roboto', sans-serif;
$font-mono: 'Roboto Mono', monospace;

$font-normal: 400;
$font-bold: 700;

// Z-indexes
$z-index-nav:      8000;
$z-index-overlay:     9000;
$z-index-flyout:     10000;