Files
lis/public/high/assets/scss/_variables.scss
2025-01-27 08:16:55 +07:00

67 lines
1.1 KiB
SCSS

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
// Color variables
$custom: #02c0ce;
$white: #ffffff;
$primary: #2d7bf4;
$secondary: #9a9a9a;
$success: #0acf97;
$info: #4eb7eb;
$warning: #f9bc0b;
$danger: #f1556c;
$purple: #777edd;
$pink: #ff679b;
$muted: #98a6ad;
$light: #e3eaef;
$light3: #f3f3f3;
$light7: #797979;
$dark: #313a46;
// Body Background
$bg-body: #f3f6f8;
// Shadow
$shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
$shadow-lg: 0 0 24px 0 rgba(0, 0, 0, 0.15), 0 1px 0 0 rgba(0, 0, 0, 0.1);
//Background left-sidebar
$bg-leftbar: #ffffff;
//Background left-sidebar Dark
$bg-leftbar-dark: #313541;
$bg-leftbar-menu-color: #7c8e9a;
// Leftbar width
$leftbar-width: 240px;
// Small Leftbar width
$leftbar-width-sm: 170px;
// Width variables
$width: 100%;
// Height variables
$height: 100%;
//Font variables
$font-primary: 'Roboto', sans-serif;
$font-secondary: 'Rubik', sans-serif;
//Font Base
$font-size-base: 14px;