$beyond-use-helper: false !default;
// texts $text-color-strong: #1a1f36; $text-color: #3c4257; $text-color-light: #828695;
// backgrounds $bg-transparent: transparent; $bg-admin: e3e8ee; $bg-outline: rgba(58, 151, 212, .28); $bg-content: f7fafc;
$bg-primary: #6772e5; $bg-primary-ex: #7795f8; $bg-primary-ex2: b2b7df;
$bg-secondary: fff; $bg-secondary-ex: fff; $bg-secondary-ex2: ebebeb;
$bg-success: #25b47e; $bg-success-ex: #7de1bb; $bg-success-ex2: #98b6ab;
$bg-danger: cd3d64; $bg-danger-ex: ef6a8e; $bg-danger-ex2: b59ba7;
$bg-warn: f1946a; $bg-warn-ex: ffaf8c; $bg-warn-ex2: e5cec3;
$bg-info: #5ecdf1; $bg-info-ex: #7bdfff; $bg-info-ex2: a4c5d0;
$bg-white: fff;
$bg-type1: d681d8; $bg-type1-ex: eda3ef; $bg-type1-ex2: d1bdd1;
$bg-type2: fdd85f; $bg-type2-ex: ffe89e; $bg-type2-ex2: dcd7c9;
$bg-light: f8f9fa; $bg-light-ex: f8f9fa; $bg-light-ex2: ebebeb;
$bg-dark: #000; $bg-dark-ex: #4c4c4c; $bg-dark-ex2: b7b7b7;
$bg-icon: #8892b3; $bg-disabled: f1f1f1;
$backgrounds:
('bg-transparent', $bg-transparent), ('bg-admin', $bg-admin), ('bg-outline', $bg-outline), ('bg-content', $bg-content), ('bg-primary', $bg-primary), ('bg-primary-ex', $bg-primary-ex), ('bg-primary-ex2', $bg-primary-ex2), ('bg-secondary', $bg-secondary), ('bg-secondary-ex', $bg-secondary-ex), ('bg-secondary-ex2', $bg-secondary-ex2), ('bg-success', $bg-success), ('bg-success-ex', $bg-success-ex), ('bg-success-ex2', $bg-success-ex2), ('bg-danger', $bg-danger), ('bg-danger-ex', $bg-danger-ex), ('bg-danger-ex2', $bg-danger-ex2), ('bg-warn', $bg-warn), ('bg-warning', $bg-warn), ('bg-warn-ex', $bg-warn-ex), ('bg-warn-ex2', $bg-warn-ex2), ('bg-info', $bg-info), ('bg-info-ex', $bg-info-ex), ('bg-info-ex2', $bg-info-ex2), ('bg-white', $bg-white), ('bg-type1', $bg-type1), ('bg-type1-ex', $bg-type1-ex), ('bg-type1-ex2', $bg-type1-ex2), ('bg-type2', $bg-type2), ('bg-type2-ex', $bg-type2-ex), ('bg-type2-ex2', $bg-type2-ex2), ('bg-light', $bg-light), ('bg-light-ex', $bg-light-ex), ('bg-light-ex2', $bg-light-ex2), ('bg-dark', $bg-dark), ('bg-dark-ex', $bg-dark-ex), ('bg-dark-ex2', $bg-dark-ex2), ('bg-icon', $bg-icon), ('bg-disabled', $bg-disabled);
// borders $border-primary: $bg-primary; $border-secondary: #6c757d; $border-success: $bg-success; $border-danger: $bg-danger; $border-warning: $bg-warn; $border-info: $bg-info; $border-light: $bg-light; $border-dark: $bg-dark; $border-white: $bg-white;
$borders:
('border-primary', $border-primary), ('border-secondary', $border-secondary), ('border-success', $border-success), ('border-danger', $border-danger), ('border-warning', $border-warning), ('border-info', $border-info), ('border-light', $border-light), ('border-dark', $border-dark), ('border-white', $border-white);
$color-anchor: #5469d4; $color-anchor-ex: #1a1f36;
$color-primary: #5469d4;
$color-secondary: #6772e5; $color-secondary-ex: #7795f8; $color-secondary-ex2: bbb;
$color-type2: #516487; $color-type2-ex: #7d8eae; $color-type2-ex2: bbb;
$color-light: fff;
$color-dark: #697386; $color-dark-ex: #697386; $color-dark-ex2: bbb;
$color-link: #5469d4; $color-link-ex: #32325d; $color-link-ex2: bbb;
$color-avatar: #000;
$txt-color-primary: #6772e5; $txt-color-secondary: #969696; $txt-color-success: #25b47e; $txt-color-warn: f1946a; $txt-color-danger: cd3d64;
$color-txt-type0: #5c5f72; $color-txt-type1: #63a396; $color-txt-type2: #6772e5; $color-txt-type3: #4191d9; $color-txt-type4: #6382a3;
$color-txt-types:
$color-txt-type0, $color-txt-type1, $color-txt-type2, $color-txt-type3, $color-txt-type4;
// tags $bg-tag-primary: #6782e5; $bg-tag-secondary: #7d5ae8; $bg-tag-success: $bg-success; $bg-tag-danger: $bg-danger; $bg-tag-warn: $bg-warn; $bg-tag-info: $bg-info; $bg-tag-dark: $bg-dark; $bg-tag-light: #8b8b9e;
$bg-tag-type0: #19af95; $bg-tag-type1: #005b4a; $bg-tag-type2: #865260; $bg-tag-type3: #993192; $bg-tag-type4: e682dc;
$bg-tags: (
(tag-primary, $bg-tag-primary), (tag-secondary, $bg-tag-secondary), (tag-success, $bg-tag-success), (tag-danger, $bg-tag-danger), (tag-warn, $bg-tag-warn), (tag-info, $bg-tag-info), (tag-dark, $bg-tag-dark), (tag-light, $bg-tag-light), (tag-type0, $bg-tag-type0), (tag-type1, $bg-tag-type1), (tag-type2, $bg-tag-type2), (tag-type3, $bg-tag-type3), (tag-type4, $bg-tag-type4)
);
$color-tag-danger-ex: fff; $bg-tag-danger-ex: e03953;
$screen-sm: 576px; $screen-md: 768px; $screen-lg: 992px; $screen-xl: 1200px;
$beyond-icon-font-path: if($beyond-use-helper, '', '../font/') !default; $beyond-icon-font-name: 'beyond' !default; $beyond-css-img-path: if($beyond-use-helper, '', './img/') !default;
$breakpoints: $screen-sm, $screen-md, $screen-lg, $screen-xl;
$screen-sizes: 'sm', 'md', 'lg', 'xl'; $col-total: 12;
// spacing utilities $space-types: 'm', 'p'; $space-size-max: 5;
$side-all: ''; $side-top: 't'; $side-bottom: 'b'; $side-left: 'l'; $side-right: 'r'; $side-x: 'x'; $side-y: 'y';
$sides: (
$side-all, $side-top, $side-bottom, $side-left, $side-right, $side-x, $side-y
);
// alerts $alert-bg-primary: d7daea; $alert-color-primary: #3c4257; $alert-color-link-primary: #020204; $alert-color-hr-primary: #020204;
$alert-bg-secondary: e3e8ee; $alert-color-secondary: #3c4257; $alert-color-link-secondary: #121623; $alert-color-hr-secondary: #121623;
$alert-bg-danger: f7e9e9; $alert-color-danger: #3c4257; $alert-color-link-danger: #310101; $alert-color-hr-danger: #310101;
$alert-bg-warn: f9f1ea; $alert-color-warn: #3c4257; $alert-color-link-warn: #3a1401; $alert-color-hr-warn: #3a1401;
$alert-states: 'primary', 'secondary', 'warn', 'danger';
$alert-bgs:
$alert-bg-primary, $alert-bg-secondary, $alert-bg-warn, $alert-bg-danger;
$alert-colors:
$alert-color-primary, $alert-color-secondary, $alert-color-warn, $alert-color-danger;
$alert-color-links:
$alert-color-link-primary, $alert-color-link-secondary, $alert-color-link-warn, $alert-color-link-danger;
$alert-color-hrs:
$alert-color-hr-primary, $alert-color-hr-secondary, $alert-color-hr-warn, $alert-color-hr-danger;
$sizes: 25, 50, 75, 100;
// badges // classname, bg, color $badges:
('badge-primary', #6772e5, #fff), ('badge-secondary', #fff, #6772e5), ('badge-success', #25b47e, #fff), ('badge-danger', #cd3d64, #fff), ('badge-warn', #f1946a, #fff), ('badge-info', #5ecdf1, #fff), ('badge-light', #f8f9fa, #666), ('badge-dark', #000, #fff), ('badge-type1', #d681d8, #fff), ('badge-type2', #fdd85f, #516487);
// border utils $border-color: dee2e6;
// buttons // classname, border, bg, color, bg-ex, bg-disabled, badge-bg, badge-color $btn-primary: 'btn-primary', #6772e5, fff, #7795f8, b2b7df, #6c8eef, fff; $btn-secondary: 'btn-secondary', fff, #6772e5, fff, ebebeb, lighten(ccc, 12%), #6772e5; $btn-danger: 'btn-danger', cd3d64, fff, ef6a8e, b59ba7, lighten(cd3d64, 10%), fff; $btn-warn: 'btn-warn', f1946a, fff, ffaf8c, e5cec3, lighten(f1946a, 7%), fff;
$btns:
$btn-primary, $btn-secondary, $btn-danger, $btn-warn;
// classname, bg, color, color-ex, color-disabled $btn-link: 'btn-link', fff, #5469d4, #32325d, bbb;
// ring-loader $ring-loader-size-lg: 16px; $ring-loader-size-md: 14px; $ring-loader-size-sm: 12px;