99 lines
2.4 KiB
SCSS
99 lines
2.4 KiB
SCSS
// Colors
|
|
$white: #ffffff;
|
|
$black: #000000;
|
|
$gray: #555555;
|
|
$gray-darker: #1d1e23;
|
|
|
|
$vagrant-l3: #eff5ff;
|
|
$vagrant-l2: #d0e0ff;
|
|
$vagrant-l1: #66a2ff;
|
|
$vagrant: #1563ff;
|
|
$vagrant-d1: #0d44cc;
|
|
$vagrant-d2: #08368b;
|
|
$packer-l3: #ebf8ff;
|
|
$packer-l2: #bfe8fe;
|
|
$packer-l1: #6bceff;
|
|
$packer: #00acff;
|
|
$packer-d1: #0074ba;
|
|
$packer-d2: #005283;
|
|
$nomad-l3: #ebfdf7;
|
|
$nomad-l2: #c1f1e0;
|
|
$nomad-l1: #6bd8b4;
|
|
$nomad-on-dark: #00bc7f;
|
|
$nomad: #00bc7f;
|
|
$nomad-d1: #007854;
|
|
$nomad-d2: #004c3a;
|
|
$terraform-l3: #f5f3ff;
|
|
$terraform-l2: #ddd6fa;
|
|
$terraform-l1: #a28ce8;
|
|
$terraform-on-dark: #7c65ef;
|
|
$terraform: #623ce4;
|
|
$terraform-d1: #3c2aa8;
|
|
$terraform-d2: #2a1c73;
|
|
$consul-l3: #fff2f8;
|
|
$consul-l2: #f8d9e7;
|
|
$consul-l1: #e07eac;
|
|
$consul-on-dark: #e03a89;
|
|
$consul: #ca2171;
|
|
$consul-d1: #8e134a;
|
|
$consul-d2: #650d34;
|
|
$vault-l3: #f7f7f9;
|
|
$vault-l2: #dcdde0;
|
|
$vault-l1: #bdbec2;
|
|
$vault: #4c4c53;
|
|
$vault-d1: #323339;
|
|
$vault-d2: #1d1e23;
|
|
|
|
// Typography
|
|
$font-size-default: 16px;
|
|
$font-weight-light: 300;
|
|
$font-weight-book: $font-weight-light;
|
|
$font-weight-reg: 400;
|
|
$font-weight-medium: 500;
|
|
$font-weight-semi-bold: 600;
|
|
$font-weight-bold: 700;
|
|
$font-display: "gilmer-web", "Gilmer", Geneva, Tahoma, Helvetica, Verdana,
|
|
sans-serif;
|
|
$font-body: "metro-web", "Metro", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
|
Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
$font-monospace: "dejavu-sans-mono-web", monospace;
|
|
|
|
// Body
|
|
$body-font-color: $gray-darker;
|
|
$body-link-color: $packer;
|
|
|
|
// Home
|
|
$home-header-background-color: transparent;
|
|
$home-header-link-color: $gray;
|
|
$home-header-link-color-hover: $black;
|
|
|
|
// Sidebar
|
|
$sidebar-background-color: $white;
|
|
$sidebar-font-size: $font-size-default - 2;
|
|
$sidebar-link-color: $body-font-color;
|
|
$sidebar-link-color-hover: $black;
|
|
$sidebar-link-color-active: $body-link-color;
|
|
$sidebar-font-family: $font-body;
|
|
$sidebar-font-weight: $font-weight-reg;
|
|
|
|
// Header
|
|
$header-background-color: $packer;
|
|
$header-font-size: $font-size-default - 2;
|
|
$header-height: 92px;
|
|
$header-link-color: rgba($white, 0.85);
|
|
$header-link-color-hover: $white;
|
|
|
|
// Footer
|
|
$footer-font-size: $font-size-default - 2;
|
|
$footer-link-color: $body-font-color;
|
|
$footer-link-color-hover: $black;
|
|
|
|
// Buttons
|
|
$button-background: $white;
|
|
$button-font-color: $black;
|
|
$button-font-family: $font-display;
|
|
$button-font-size: 0.938rem;
|
|
$button-font-weight: $font-weight-bold;
|
|
$button-primary-background: $packer;
|
|
$button-primary-font-color: $white;
|