bdf38ae00e
This sock sits at the bottom of both the home and the course content pages. It allows the user to click a 'Learn More' button to open a panel that allows the user to navigate to the upgrade checkout page. The sock is only shown for users that have not yet upgraded in a course that has a verification upgrade date that has not yet passed. Python tests cover the various course mode and upgrade dates.
63 lines
2.0 KiB
SCSS
63 lines
2.0 KiB
SCSS
// lms - utilities - 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
|
|
|
|
// ----------------------------
|
|
// #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;
|
|
|
|
// ----------------------------
|
|
// #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;
|