97 lines
2.4 KiB
SCSS
97 lines
2.4 KiB
SCSS
// colors
|
|
$cyan: #178387;
|
|
$gold: #FEC307;
|
|
$green: #06B486;
|
|
$orange: #FF6F00;
|
|
$violet: #8338EC;
|
|
$blue: #3A86FF;
|
|
$pink: #EF237B;
|
|
$gray-dark: #2E2E2E;
|
|
$gray-medium: #828282;
|
|
$gray: #B4B4B4;
|
|
$gray-light: #DBDBDB;
|
|
$gray-xlight: #F4F4F4;
|
|
|
|
// font-size
|
|
$base-font: 15;
|
|
$fz-1: 25em / $base-font;
|
|
$fz-2: 20em / $base-font;
|
|
$fz-small: 12em / $base-font;
|
|
|
|
$mobile-header-height: 75px;
|
|
// $desktop-header-height: ;
|
|
|
|
// Core vars
|
|
$primary-color: var(--tao-primary-color, #{$cyan});
|
|
$width: 1400em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 40em / 15;
|
|
$sidebar-position: right;
|
|
$sidebar-width: 400em / 15;
|
|
$sidebar-columns-gutter: 80em / 15;
|
|
$grid-gutter: 2rem;
|
|
$columns-gutter: 2rem;
|
|
|
|
$font-family: Poppins, sans-serif;
|
|
$font-size: $base-font / 16 * 100%;
|
|
$font-color: $gray-dark;
|
|
$link-color: $primary-color;
|
|
|
|
$body-background: $gray-xlight;
|
|
|
|
$header-background-color: white;
|
|
|
|
$nav-item-selected-mode: bottom-border;
|
|
$nav-color: $gray-dark;
|
|
$nav-active-color: $nav-color;
|
|
$nav-item-selected-background: transparent;
|
|
$nav-item-selected-color: $nav-color;
|
|
$nav-menu-side: $mobile-header-height;
|
|
$nav-button-background: $gray-dark;
|
|
$nav-button-color: white !important;
|
|
$nav-submenu-background: white;
|
|
$nav-submenu-color: $gray-medium;
|
|
$nav-mobile-menu-background: $gray-dark;
|
|
$nav-mobile-menu-item-color: $gray-dark;
|
|
$nav-mobile-menu-item-hover-background: $gray-xlight;
|
|
$nav-after-image: false;
|
|
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left
|
|
|
|
$nav-mobile-bottom-bar-item-hover-color: $gold;
|
|
|
|
$title-background: transparent;
|
|
$title-color: $gray-dark;
|
|
$title-font-size: $fz-1;
|
|
$title-weight: bold;
|
|
$title-transform: uppercase;
|
|
$title-padding: 0;
|
|
|
|
$cell-background: transparent;
|
|
$cell-border: none;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-border: 1px solid $body-background;
|
|
$cell-entry-hover-color: white;
|
|
$cell-entry-hover-background: $primary-color;
|
|
$cell-border-radius: 1rem;
|
|
|
|
$button-background: white;
|
|
$button-hover-background: $primary-color;
|
|
$button-color: $font-color;
|
|
$button-hover-color: white;
|
|
$button-border-radius: $cell-border-radius;
|
|
$button-border: none;
|
|
|
|
$form-sidebar-position: right;
|
|
$form-sidebar-width: 400em / 15;
|
|
$form-sidebar-gutter: $sidebar-columns-gutter;
|
|
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border: 1px solid $gray;
|
|
$widget-focus-border: 1px solid $gray-dark;
|
|
$widget-border-radius: 1em;
|
|
|
|
$footer-background: $gray-dark;
|
|
$footer-color: white;
|
|
$footer-link-color: $footer-color;
|