Chamilo is a learning management system focused on ease of use and accessibility
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.
 
 
 
 
 
 
chamilo-lms/assets/css/scss/_variables.scss

120 lines
3.5 KiB

// ---------------------------------------------------------
// IMAGE PATH
// ---------------------------------------------------------
$svg-path: "../../../public/img/icons/svg/";
$img-path: "../../../public/img/";
// ---------------------------------------------------------
// BREAKPOINTS
// ---------------------------------------------------------
$breakpoint-xl : 1440px;
$breakpoint-lg : 1200px;
$breakpoint-md : 992px;
$breakpoint-sm : 768px;
$breakpoint-xs : 480px;
// ---------------------------------------------------------
// GREYSCALE COLORS
// ---------------------------------------------------------
$grey-0 : #ffffff;
$grey-100 : #f9fafb;
$grey-200 : #f2f3f5;
$grey-300 : #e6eaf0;
$grey-400 : #d3d9e3;
$grey-500 : #b9c2d0;
$grey-600 : #7c8695;
$grey-700 : #72777a;
$grey-800 : #565a5c;
$grey-900 : #313435;
// ---------------------------------------------------------
// COLORS THEME DEFAULT
// ---------------------------------------------------------
$default-dark : #54667a;
$default-link : rgb(0, 153, 255);
$default-white : #FFFFFF;
$default-black : #000000;
// ---------------------------------------------------------
// COLORS PAGE
// ---------------------------------------------------------
// linear-gradient(120deg, #00a5e4, #4a71d0);
$page-background : #FFFFFF;
$menu-background : #FFFFFF;
$menu-secondary : #ff3c7e;
$breadcrumb-back : #f9f9f9;
// SIDEBAR
$sidebar-background : #003B88;
$sidebar-border : #0A366F;
$sidebar-link : #FFFFFF;
$sidebar-link-item : #acddfc;
$sidebar-icon : #00BCD4;
$sidebar-link-hover : #ffef5f;
$sidebar-current : rgba(0, 0, 0, 0.15);
$header-link : #54667a;
$header-hover : #ff3c7e;
$breadcrumb-color : #d2f1ff;
$select-color : #ced4da;
//FOOTER
$background-footer : #3F51B5;
$border-footer : #3F51B5;
// ---------------------------------------------------------
// OTHERS
// ---------------------------------------------------------
$collapsed-size : 70px;
$header-height : 65px;
$offscreen-size : 280px;
$card-border-color : #e5e9f2;
$row-table-select : #f9ffff;
$default-yellow : #FFCC00;
// ---------------------------------------------------------
// FONTS
// ---------------------------------------------------------
$font-primary: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
$font-secondary: $font-primary;
$font-size-base: 0.875rem;
// ---------------------------------------------------------
// FORMS
// ---------------------------------------------------------
$legend-color: #009688;
// BUTTON
$primary_custom: #30c5d8 !default;
$secondary_custom: #fcfcfc !default;
$success_custom: #73c08e !default;
$info_custom: #90d5e9 !default;
$warning_custom: #ffef7d !default;
$danger_custom: #fb8b8b !default;
$light_custom: #ffffff !default;
$dark_custom: #607d8b !default;
$theme-colors-custom: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors-custom: map-merge(
(
"primary": $primary_custom,
"secondary": $secondary_custom,
"success": $success_custom,
"info": $info_custom,
"warning": $warning_custom,
"danger": $danger_custom,
"light": $light_custom,
"dark": $dark_custom
),
$theme-colors-custom
);