Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
// FPPS Variables Set 1 v. 0.1
// Colors
$color-primary: #003f72; // Navy Blue
$color-primary-light: lighten($color-primary, 30%);
$color-info: #0073a7; // Blue
$color-info-light: lighten($color-info, 30%);
$color-info-pale: lighten($color-info, 55%);
$color-success: #4d7c18; // Green
$color-caution: #ffca00; // Yellow
$color-warning: #c44c05; // Orange
$color-danger: #aa2027; // Red
$color-alt-A: #839097; // Battleship Gray
$color-alt-B: #cccc99; // Tan
$color-alt-C: #bec292; // Olive Drab
$color-deep-A: #817804; // PMS 392 approx.
$color-deep-B: #115e67; // PMS 5473
$color-deep-C: #b35d23; // PMS 471 approx.
$color-deep-D: #946f00; // PMS 117 darkened
$color-deep-E: #154734; // PMS 3435
// Grays
$gray-base: #808080;
$gray-dark: darken($gray-base, 18%); // #555
$gray-darker: darken($gray-base, 30%); // #333
$gray-darkest: darken($gray-base, 100%); // #000
$gray-light: lighten($gray-base, 25%); // #999
$gray-lighter: lighten($gray-base, 35%); // #CCC
$gray-lightest: lighten($gray-base, 44%); // #EFEFEF
// Font family
$typeface: 'Roboto',
'Helvetica',
'Arial',
'Calibri',
'san-serif';
// Element Structure
// Corner Radius
$radius-base: 4px;
$radius-sm: 2px;
$radius-md: 4px;
$radius-lg: 8px;
$radius-xl: 12px;
// Padding
$padding-base: 10px 16px;
$padding-xs: 2px 4px;
$padding-sm: 6px 8px;
$padding-md: 10px 16px;
$padding-lg: 18px 24px;
$padding-xl: 24px 36px;
$padding-table: 8px 10px;
$padding-table-tight: 8px 3px;
// Shadows
$shadow-base: 0 3px 6px rgba(0, 0, 0, 0.2);
$shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
$shadow-md: 0 3px 6px rgba(0, 0, 0, 0.2);
// General Dropdowns
$dropdown-bg: #fff;
// Tooltips
$tooltip-bg: rgba(0, 0, 0, 0.82);
$tooltip-text: #fff;
// Typography
// Sizes
$font-size-base: 12px;
$font-size-xxs: 11px;
$font-size-xs: ceil(($font-size-base * 0.92));
$font-size-sm: $font-size-base;
$font-size-md: floor(($font-size-base * 1.25));
$font-size-lg: floor(($font-size-base * 1.4));
$font-size-xl: floor(($font-size-base * 1.85));
// H tags
$h1-size: ceil(($font-size-base * 2.75)); // ~36px
$h2-size: floor(($font-size-base * 1.85)); // ~24px
$h3-size: floor(($font-size-base * 1.55)); // ~20px
$h4-size: floor(($font-size-base * 1.4)); // ~18px
$h5-size: 15px;
$h6-size: ceil(($font-size-base * 0.92)); // ~12px
// Line height
$line-height-base: 1.25;
$line-height-xs: 1.1;
$line-height-sm: $line-height-base;
$line-height-md: 1.5;
$line-height-lg: 1.75;
$line-height-xl: 2;
// Buttons
$btn-font-weight: 500;
$btn-padding-base: 9px 20px 11px;
$btn-padding-xs: 3px 8px 5px;
$btn-padding-sm: 7px 12px 9px;
$btn-padding-md: $btn-padding-base;
// Grid Dimensions
$width-col-one: 385px;
$width-col-two: 788px;
$width-col-three: 1191px;
$width-col-four: 1594px; // Needed for 2X claim view
$width-accordion-outer: 1234px;
$width-container: 1284px;
$width-fixed: 1376px; // TODO: Remove this