80 lines
1.7 KiB
SCSS
80 lines
1.7 KiB
SCSS
// colors
|
|
$blue-1: #0B2A42;
|
|
$blue-2: #217DC6;
|
|
$gray-1: lightgray;
|
|
$gray-2: #f5f5f5;
|
|
$red-1: #c02b0a;
|
|
|
|
$border-radius-1: 4px;
|
|
|
|
$font-poppins: 'Poppins', sans-serif;
|
|
|
|
$text-shadow-1: 2px 2px 0 rgba(33,125,198,0.35);
|
|
|
|
// typo
|
|
$primary-color: $blue-2;
|
|
|
|
$font-family: $font-poppins;
|
|
$font-color: $blue-1;
|
|
$font-size: 0.875rem;
|
|
$font-size-1: 4rem;
|
|
$font-size-2: 2.75rem;
|
|
$font-size-3: 2.3rem;
|
|
$font-size-4: 1.6rem;
|
|
|
|
$link-color: $blue-2;
|
|
$link-decoration: underline;
|
|
$footer-link-color: white;
|
|
|
|
$title-color: $blue-2;
|
|
$title-background: transparent;
|
|
$title-font-size: $font-size-4;
|
|
$title-weight: bold;
|
|
$title-transform: uppercase;
|
|
$title-border-radius: none;
|
|
|
|
// header& nav
|
|
$header-background-color: white;
|
|
$width: 1200px;
|
|
$header-logo-size: 184px 76px;
|
|
$toplinks-style: none;
|
|
|
|
$nav-color: $blue-1;
|
|
$nav-item-hover-color: $blue-2;
|
|
$nav-item-selected-background: transparent;
|
|
$nav-item-selected-color: $blue-1;
|
|
$nav-submenu-background: $blue-1;
|
|
$nav-submenu-color: white;
|
|
$nav-background: white;
|
|
$nav-button-background: white;
|
|
$nav-menu-side: 35px;
|
|
$nav-button-color: $blue-2;
|
|
|
|
$nav-mobile-menu-background: white;
|
|
$nav-mobile-menu-item-color: $blue-1;
|
|
|
|
// cells
|
|
$cell-background: transparent;
|
|
$cell-border: none;
|
|
$cell-border-radius: 0;
|
|
$cell-color: black;
|
|
|
|
$cell-entry-font-weight: 600;
|
|
$cell-entry-hover-color: white;
|
|
$cell-entry-hover-background: $blue-2;
|
|
$cell-entry-border: none;
|
|
|
|
// widgets
|
|
$button-background: $blue-2;
|
|
$button-color: white;
|
|
$button-hover-background: $blue-2;
|
|
$button-hover-color: white;
|
|
$button-border-radius: $border-radius-1;
|
|
$cancel-button-style: ".pk-dark-button";
|
|
$buttons-order: previous, cancel (grow), submit;
|
|
|
|
$widget-border: 1px solid $blue-1;
|
|
$widget-border-radius: $border-radius-1;
|
|
|
|
$footer-background: $blue-2;
|