You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
2.1 KiB
125 lines
2.1 KiB
// Colors
|
|
|
|
$white: #fff;
|
|
$gray-100: #f5f5f5;
|
|
$gray-200: #e9ecef;
|
|
$gray-300: #ddd;
|
|
$gray-400: #ced4da;
|
|
$gray-500: #adb5bd;
|
|
$gray-600: #868e96;
|
|
$gray-700: #495057;
|
|
$gray-800: #343a40;
|
|
$gray-900: #212529;
|
|
$black: #000;
|
|
|
|
$blue: #175fc9;
|
|
$pink: #ff737c;
|
|
$red: #d9534f;
|
|
$yellow: #fcee60;
|
|
$orange: #ffae73;
|
|
$green: #02B875;
|
|
$teal: #55e7cc;
|
|
$cyan: #8ce6ff;
|
|
|
|
$primary: $blue;
|
|
$secondary: #666;
|
|
$success: $green;
|
|
$info: $cyan;
|
|
$warning: $yellow;
|
|
$danger: $red;
|
|
$light: $gray-100;
|
|
$dark: $gray-800;
|
|
|
|
$theme-colors: (
|
|
"blue": $blue,
|
|
"soft-blue": rgba(23, 95, 201, 0.15),
|
|
"pink": $pink,
|
|
"yellow": $yellow,
|
|
"orange": $orange,
|
|
"soft-orange": rgba(255, 174, 115, 0.15),
|
|
"teal": $teal,
|
|
"cyan": $cyan,
|
|
);
|
|
|
|
$yiq-contrasted-threshold: 190;
|
|
|
|
$text-muted: #999;
|
|
|
|
// Shadow
|
|
|
|
$box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
|
|
|
|
// Grid
|
|
|
|
$spacer: 1rem;
|
|
$spacers: (
|
|
0: 0,
|
|
1: ($spacer * .25),
|
|
2: ($spacer * .5),
|
|
3: $spacer,
|
|
4: ($spacer * 1.5),
|
|
5: ($spacer * 3),
|
|
6: ($spacer * 4.5),
|
|
7: ($spacer * 6)
|
|
);
|
|
|
|
// Body
|
|
|
|
$body-bg: $white;
|
|
$body-color: $black;
|
|
|
|
// Fonts
|
|
|
|
$font-family-base: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
$font-family-title: Georgia, Times, 'New Roman', serif;
|
|
|
|
$font-size-base: 1rem;
|
|
|
|
$font-weight-normal: 400;
|
|
$font-weight-medium: 500;
|
|
$font-weight-bold: 600;
|
|
|
|
// Headings
|
|
|
|
$headings-font-family: $font-family-title;
|
|
$headings-font-weight: $font-weight-normal;
|
|
$headings-color: $gray-900;
|
|
|
|
// Navbar
|
|
|
|
$navbar-light-brand-color: $black;
|
|
$navbar-light-brand-hover-color: $primary;
|
|
$navbar-light-hover-color: $primary;
|
|
|
|
// Dropdown
|
|
|
|
$dropdown-link-hover-bg: $gray-200;
|
|
|
|
// Tables
|
|
|
|
$table-border-color: rgba(0, 0, 0, 0.1);
|
|
|
|
// Forms and buttons
|
|
|
|
$input-border-color: rgba(0, 0, 0, .1);
|
|
$input-group-addon-bg: $gray-200;
|
|
$btn-font-weight: $font-weight-bold;
|
|
$custom-control-indicator-size: 1.3rem;
|
|
|
|
// Tooltips
|
|
|
|
$tooltip-font-size: 11px;
|
|
|
|
// Badges
|
|
|
|
$badge-font-weight: normal;
|
|
$badge-padding-y: 0.6em;
|
|
$badge-padding-x: 1.2em;
|
|
|
|
// Alerts
|
|
|
|
$alert-border-width: 0;
|
|
|
|
// Cards
|
|
|
|
$card-border-width: 0;
|
|
|