6d89cc1bd1
LEARNER-1785 This story was to update the existing custom themes to work with the flexible bootstrap design. It also updates the red theme to more closely resemble the real implementation on openedx.
72 lines
2.2 KiB
SCSS
72 lines
2.2 KiB
SCSS
// lms - bootstrap utilities - variables
|
|
// ====================
|
|
|
|
// #Units: Unit variables
|
|
// #GRID: Grid and layout variables
|
|
// #COLORS: Base, palette and theme color definitions + application
|
|
// #TYPOGRAPHY: Font definitions and scales
|
|
// #ICONS: Icon specific colors + other styling
|
|
|
|
// ----------------------------
|
|
// #UNITS
|
|
// ----------------------------
|
|
$baseline: 20px !default;
|
|
|
|
// ----------------------------
|
|
// #GRID
|
|
// ----------------------------
|
|
$lms-max-width: 1180px !default;
|
|
|
|
// ----------------------------
|
|
// #COLORS
|
|
// ----------------------------
|
|
|
|
$lms-gray: palette(grayscale, base) !default;
|
|
$lms-background-color: palette(grayscale, x-back) !default;
|
|
$lms-container-background-color: $white !default;
|
|
$lms-border-color: palette(grayscale, back) !default;
|
|
$lms-label-color: palette(grayscale, black) !default;
|
|
$lms-active-color: palette(primary, base) !default;
|
|
$lms-preview-menu-color: #c8c8c8 !default;
|
|
$success-color: palette(success, accent) !default;
|
|
$success-color-hover: palette(success, text) !default;
|
|
|
|
$button-bg-hover-color: $white !default;
|
|
|
|
$white-transparent: rgba(255, 255, 255, 0) !default;
|
|
$white-opacity-40: rgba(255, 255, 255, 0.4) !default;
|
|
$white-opacity-60: rgba(255, 255, 255, 0.6) !default;
|
|
$white-opacity-70: rgba(255, 255, 255, 0.7) !default;
|
|
$white-opacity-80: rgba(255, 255, 255, 0.8) !default;
|
|
|
|
$black: rgb(0,0,0) !default;
|
|
$black-t0: rgba($black, 0.125) !default;
|
|
$black-t1: rgba($black, 0.25) !default;
|
|
$black-t2: rgba($black, 0.5) !default;
|
|
$black-t3: rgba($black, 0.75) !default;
|
|
|
|
$light-grey-transparent: rgba(200,200,200, 0) !default;
|
|
$light-grey-solid: rgba(200,200,200, 1) !default;
|
|
|
|
$header-bg: $white !default;
|
|
$footer-bg: $white !default;
|
|
|
|
// ----------------------------
|
|
// #TYPOGRAPHY
|
|
// ----------------------------
|
|
$font-light: 300 !default;
|
|
$font-regular: 400 !default;
|
|
$font-semibold: 600 !default;
|
|
$font-bold: 700 !default;
|
|
|
|
// ----------------------------
|
|
// #ICONS
|
|
// ----------------------------
|
|
// Icons
|
|
$lms-dark-icon-color: $white !default;
|
|
$lms-dark-icon-background-color: palette(grayscale, black) !default;
|
|
|
|
$site-status-color: rgb(182,37,103) !default;
|
|
|
|
$shadow-l1: rgba(0,0,0,0.1) !default;
|