50 lines
1.0 KiB
SCSS
50 lines
1.0 KiB
SCSS
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700');
|
|
|
|
// Color variables
|
|
$white: #ffffff;
|
|
|
|
$primary: #626ed4;
|
|
$success: #02a499;
|
|
$info: #38a4f8;
|
|
$warning: #f8b425;
|
|
$danger: #ec4561;
|
|
$dark: #2a3142;
|
|
$muted: #9ca8b3;
|
|
|
|
|
|
// Gray Colors
|
|
$gray-100: #f8f9fa;
|
|
$gray-200: #e9ecef;
|
|
$gray-300: #dee2e6;
|
|
$gray-400: #ced4da;
|
|
$gray-500: #adb5bd;
|
|
$gray-600: #6c757d;
|
|
$gray-700: #495057;
|
|
$gray-800: #343a40;
|
|
$gray-900: #212529;
|
|
|
|
$bg-body: #f8f8fa;
|
|
$left-bar: #333547;
|
|
$topbar-background: #ececf1;
|
|
$topbar-search-background: #e0e0ea;
|
|
$footer-background: #f1f2f5;
|
|
|
|
$font-family: 'Roboto', sans-serif;
|
|
$font-family-secondary: 'Sarabun', sans-serif;
|
|
|
|
$shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
|
|
|
|
$base-font: 14px;
|
|
|
|
// Width variables
|
|
$width: 100%;
|
|
|
|
// Height variables
|
|
$height: 100%;
|
|
|
|
$leftbar-menu-color: #8699ad;
|
|
$leftbar-menu-hover-color: #b4c9de;
|
|
$leftbar-menu-active-color: #b4c9de;
|
|
|