mirror of
https://github.com/SomboChea/ui
synced 2024-06-30 06:56:23 +07:00
66 lines
1.3 KiB
SCSS
66 lines
1.3 KiB
SCSS
|
// Verdaccio
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
$black: #000;
|
||
|
|
$white: #fff;
|
||
|
|
$red: #d32f2f;
|
||
|
|
$grey: #808080;
|
||
|
|
$grey-light: #d3d3d3;
|
||
|
|
$grey-dark: #a9a9a9;
|
||
|
|
|
||
|
|
$greyChateau: #95989a;
|
||
|
|
$greyGainsboro: #e3e3e3;
|
||
|
|
$greyAthens: #d3dddd;
|
||
|
|
|
||
|
|
$eclipse: #3c3c3c;
|
||
|
|
$paleNavy: #e4e8f1;
|
||
|
|
$saltpan: #f7f8f6;
|
||
|
|
$snow: #f9f9f9;
|
||
|
|
|
||
|
|
$nobel-01: #999999;
|
||
|
|
$nobel-02: #9f9f9f;
|
||
|
|
|
||
|
|
// Main colors
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
$primary-color: #4b5e40;
|
||
|
|
$seconday-color:#20232a;
|
||
|
|
|
||
|
|
// Scaffolding
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
$body-bg: $white;
|
||
|
|
$text-color: $eclipse;
|
||
|
|
|
||
|
|
// Typography
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
// Font Family from Bootstrap v4 Reboot.css
|
||
|
|
$font-family-reboot: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||
|
|
$font-family-base: $font-family-reboot;
|
||
|
|
|
||
|
|
$font-size-xxl: 26px;
|
||
|
|
$font-size-xl: 24px;
|
||
|
|
$font-size-lg: 21px;
|
||
|
|
$font-size-md: 18px;
|
||
|
|
$font-size-base: 16px;
|
||
|
|
$font-size-sm: 14px;
|
||
|
|
|
||
|
|
$line-height-xl: 30px;
|
||
|
|
$line-height-sm: 18px;
|
||
|
|
$line-height-xs: 2;
|
||
|
|
$line-height-xxs: 1.5;
|
||
|
|
|
||
|
|
$font-weight-light: 400;
|
||
|
|
$font-weight-regular: 400;
|
||
|
|
$font-weight-semibold: 600;
|
||
|
|
$font-weight-bold: 700;
|
||
|
|
|
||
|
|
$break-sm: 768px;
|
||
|
|
$break-lg: 1240px;
|
||
|
|
|
||
|
|
// Spacing
|
||
|
|
// -------------------------
|
||
|
|
|
||
|
|
$space-lg: 30px;
|