mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-05-17 08:39:40 +03:00
Rene Haas
94 lines
2.4 KiB
SCSS
94 lines
2.4 KiB
SCSS
$framework-path: './_framework/';
|
|
$fonts-path: $framework-path + 'fonts/';
|
|
$img-path: $framework-path + 'img/';
|
|
|
|
$primary-color-r: 54;
|
|
$primary-color-g: 190;
|
|
$primary-color-b: 253;
|
|
$primary-color: rgb($primary-color-r, $primary-color-g, $primary-color-b);
|
|
|
|
$secondary-color-r: 100;
|
|
$secondary-color-g: 97;
|
|
$secondary-color-b: 246;
|
|
$secondary-color: rgb($secondary-color-r, $secondary-color-g, $secondary-color-b);
|
|
|
|
$header-accent-color-r: 42;
|
|
$header-accent-color-g: 239;
|
|
$header-accent-color-b: 255;
|
|
$header-accent-color: rgb($header-accent-color-r, $header-accent-color-g, $header-accent-color-b);
|
|
|
|
$content-section-color-r: 246;
|
|
$content-section-color-g: 248;
|
|
$content-section-color-b: 251;
|
|
$content-section-color: rgb(
|
|
$content-section-color-r,
|
|
$content-section-color-g,
|
|
$content-section-color-b
|
|
);
|
|
|
|
$control-background-color: #fff;
|
|
$control-boxshadow-color-r: 35;
|
|
$control-boxshadow-color-g: 80;
|
|
$control-boxshadow-color-b: 129;
|
|
$control-boxshadow-color: rgba(
|
|
$control-boxshadow-color-r,
|
|
$control-boxshadow-color-g,
|
|
$control-boxshadow-color-b,
|
|
0.1
|
|
);
|
|
|
|
$header-accent-gradient-1: rgba(
|
|
$header-accent-color-r,
|
|
$header-accent-color-g,
|
|
$header-accent-color-b,
|
|
1
|
|
);
|
|
$header-accent-gradient-0: rgba(
|
|
$header-accent-color-r,
|
|
$header-accent-color-g,
|
|
$header-accent-color-b,
|
|
0
|
|
);
|
|
|
|
$header-box-shadow: 0 15px 20px -15px rgba(57, 120, 253, 0.25),
|
|
0 55px 50px -35px rgba(47, 78, 249, 0.1);
|
|
$header-content-box-shadow: 0 15px 20px -15px rgba(0, 0, 255, 0.3),
|
|
0 55px 50px -35px rgba(0, 0, 255, 0.3);
|
|
$header-content-text-shadow: 0px 1px 3px rgba(0, 0, 255, 0.15);
|
|
|
|
$text-color-dark: #39547a; //#31485B;
|
|
$text-color-gray: #425e88; //#555E6B;
|
|
$text-color-light: #868fb2; //#A5A5AF;
|
|
|
|
$border-color: #a9b8d3;
|
|
$border-color-light: #dde3ed; //#D6D6D6;
|
|
|
|
$code-inline-background-color: #f0f3f6;
|
|
|
|
$font-family: 'Raleway', sans-serif;
|
|
$font-weight-bold: 700;
|
|
$font-weight-semibold: 600;
|
|
$font-weight-normal: 400;
|
|
|
|
$code-font-family: 'Fira Mono', monospace !important;
|
|
$code-font-weight-bold: 500;
|
|
$code-font-weight-normal: 400;
|
|
|
|
$content-navigation-width: 190px;
|
|
$content-navigation-border-size: 6px;
|
|
|
|
$footer-color: #323750;
|
|
|
|
$min-width: 800px;
|
|
$shrink-width: 900px;
|
|
$max-width: 1200px;
|
|
|
|
$navigation-button-icon-shrink: 6px;
|
|
$navigation-button-icon-stroke: 3px;
|
|
|
|
$navigation-height: 76px;
|
|
$navigation-height-small: 56px;
|
|
$navigation-sidebar-width: 240px;
|
|
$header-height: 422px;
|
|
$footer-height: 55px;
|