81 lines
2.9 KiB
SCSS
81 lines
2.9 KiB
SCSS
/*
|
|
* In pursuit of decoupling the built-in XBlocks from edx-platform's Sass build
|
|
* and ensuring comprehensive theming support in the extracted XBlocks,
|
|
* we need to expose Sass variables as CSS variables.
|
|
*
|
|
* Ticket/Issue: https://github.com/openedx/edx-platform/issues/35173
|
|
*/
|
|
@import 'bourbon/bourbon';
|
|
@import 'lms/theme/variables';
|
|
@import 'lms/theme/variables-v1';
|
|
@import 'cms/static/sass/partials/cms/theme/_variables';
|
|
@import 'cms/static/sass/partials/cms/theme/_variables-v1';
|
|
@import 'bootstrap/scss/variables';
|
|
@import 'vendor/bi-app/bi-app-ltr';
|
|
@import 'edx-pattern-library-shims/base/_variables.scss';
|
|
|
|
:root {
|
|
--action-primary-active-bg: $action-primary-active-bg;
|
|
--base-font-size: $base-font-size;
|
|
--base-line-height: $base-line-height;
|
|
--baseline: $baseline;
|
|
--black: $black;
|
|
--black-t2: $black-t2;
|
|
--blue: $blue;
|
|
--blue-d1: $blue-d1;
|
|
--blue-d2: $blue-d2;
|
|
--blue-d4: $blue-d4;
|
|
--blue-s1: $blue-s1;
|
|
--body-color: $body-color;
|
|
--border-color: $border-color;
|
|
--bp-screen-lg: $bp-screen-lg;
|
|
--btn-brand-focus-background: $btn-brand-focus-background;
|
|
--correct: $correct;
|
|
--danger: $danger;
|
|
--darkGrey: $darkGrey;
|
|
--error-color: $error-color;
|
|
--error-color-dark: darken($error-color, 11%);
|
|
--error-color-light: lighten($error-color, 25%);
|
|
--font-bold: $font-bold;
|
|
--font-family-sans-serif: $font-family-sans-serif;
|
|
--general-color-accent: $general-color-accent;
|
|
--gray: $gray;
|
|
--gray-300: $gray-300;
|
|
--gray-d1: $gray-d1;
|
|
--gray-l2: $gray-l2;
|
|
--gray-l3: $gray-l3;
|
|
--gray-l4: $gray-l4;
|
|
--gray-l6: $gray-l6;
|
|
--icon-correct: url($static-path + '/images/correct-icon.png');
|
|
--icon-incorrect: url($static-path + '/images/incorrect-icon.png');
|
|
--icon-info: url($static-path + '/images/info-icon.png');
|
|
--icon-partially-correct: url($static-path + '/images/partially-correct-icon.png');
|
|
--icon-spinner: url($static-path + '/images/spinner.gif');
|
|
--icon-unanswered: url($static-path + '/images/unanswered-icon.png');
|
|
--incorrect: $incorrect;
|
|
--lightGrey: $lightGrey;
|
|
--lighter-base-font-color: $lighter-base-font-color;
|
|
--link-color: $link-color;
|
|
--medium-font-size: $medium-font-size;
|
|
--partially-correct: $partially-correct;
|
|
--primary: $primary;
|
|
--shadow: $shadow;
|
|
--shadow-l1: $shadow-l1;
|
|
--sidebar-color: $sidebar-color;
|
|
--small-font-size: $small-font-size;
|
|
--submitted: $submitted;
|
|
--success: $success;
|
|
--tmg-f2: $tmg-f2;
|
|
--tmg-s2: $tmg-s2;
|
|
--transparent: $transparent;
|
|
--uxpl-gray-background: $uxpl-gray-background;
|
|
--uxpl-gray-base: $uxpl-gray-base;
|
|
--uxpl-gray-dark: $uxpl-gray-dark;
|
|
--very-light-text: $very-light-text;
|
|
--warning: $warning;
|
|
--warning-color: $warning-color;
|
|
--warning-color-accent: $warning-color-accent;
|
|
--white: $white;
|
|
--yellow: $yellow;
|
|
}
|