132 lines
2.8 KiB
SCSS
132 lines
2.8 KiB
SCSS
@import 'colors';
|
|
|
|
$theme-colors: (
|
|
'primary': $primary,
|
|
'secondary': $secondary,
|
|
'success': $success,
|
|
'info': $info,
|
|
'warning': $warning,
|
|
'danger': $danger,
|
|
'light': $light,
|
|
'dark': $dark
|
|
) !default;
|
|
|
|
$primary-map: (
|
|
'primary-100': $primary-100,
|
|
'primary-200': $primary-200,
|
|
'primary-300': $primary-300,
|
|
'primary-400': $primary-400,
|
|
'primary-500': $primary-500,
|
|
'primary-600': $primary-600,
|
|
'primary-700': $primary-700,
|
|
'primary-800': $primary-800,
|
|
'primary-900': $primary-900
|
|
) !default;
|
|
|
|
$secondary-map: (
|
|
'secondary-100': $secondary-100,
|
|
'secondary-200': $secondary-200,
|
|
'secondary-300': $secondary-300,
|
|
'secondary-400': $secondary-400,
|
|
'secondary-500': $secondary-500,
|
|
'secondary-600': $secondary-600,
|
|
'secondary-700': $secondary-700,
|
|
'secondary-800': $secondary-800,
|
|
'secondary-900': $secondary-900
|
|
) !default;
|
|
|
|
$success-map: (
|
|
'success-100': $success-100,
|
|
'success-200': $success-200,
|
|
'success-300': $success-300,
|
|
'success-400': $success-400,
|
|
'success-500': $success-500,
|
|
'success-600': $success-600,
|
|
'success-700': $success-700,
|
|
'success-800': $success-800,
|
|
'success-900': $success-900
|
|
) !default;
|
|
|
|
$warning-map: (
|
|
'warning-100': $warning-100,
|
|
'warning-200': $warning-200,
|
|
'warning-300': $warning-300,
|
|
'warning-400': $warning-400,
|
|
'warning-500': $warning-500,
|
|
'warning-600': $warning-600,
|
|
'warning-700': $warning-700,
|
|
'warning-800': $warning-800,
|
|
'warning-900': $warning-900
|
|
) !default;
|
|
|
|
$info-map: (
|
|
'info-100': $info-100,
|
|
'info-200': $info-200,
|
|
'info-300': $info-300,
|
|
'info-400': $info-400,
|
|
'info-500': $info-500,
|
|
'info-600': $info-600,
|
|
'info-700': $info-700,
|
|
'info-800': $info-800,
|
|
'info-900': $info-900
|
|
) !default;
|
|
|
|
$danger-map: (
|
|
'danger-100': $danger-100,
|
|
'danger-200': $danger-200,
|
|
'danger-300': $danger-300,
|
|
'danger-400': $danger-400,
|
|
'danger-500': $danger-500,
|
|
'danger-600': $danger-600,
|
|
'danger-700': $danger-700,
|
|
'danger-800': $danger-800,
|
|
'danger-900': $danger-900
|
|
) !default;
|
|
|
|
$light-map: (
|
|
'light-100': $light-100,
|
|
'light-200': $light-200,
|
|
'light-300': $light-300,
|
|
'light-400': $light-400,
|
|
'light-500': $light-500,
|
|
'light-600': $light-600,
|
|
'light-700': $light-700,
|
|
'light-800': $light-800,
|
|
'light-900': $light-900
|
|
) !default;
|
|
|
|
$dark-map: (
|
|
'dark-100': $dark-100,
|
|
'dark-200': $dark-200,
|
|
'dark-300': $dark-300,
|
|
'dark-400': $dark-400,
|
|
'dark-500': $dark-500,
|
|
'dark-600': $dark-600,
|
|
'dark-700': $dark-700,
|
|
'dark-800': $dark-800,
|
|
'dark-900': $dark-900
|
|
) !default;
|
|
|
|
$all-colors: map-merge-multiple(
|
|
$primary-map,
|
|
$secondary-map,
|
|
$success-map,
|
|
$info-map,
|
|
$warning-map,
|
|
$danger-map,
|
|
$light-map,
|
|
$dark-map
|
|
);
|
|
|
|
$aspect-ratio: (
|
|
'1x1': 100%,
|
|
'3x2': math.div(3,2),
|
|
'2x3': math.div(2,3),
|
|
'4x3': math.div(4,3),
|
|
'3x4': math.div(3,4),
|
|
'16x9': math.div(16,9),
|
|
'6x16': math.div(9,16),
|
|
'21x9': math.div(21,9),
|
|
'9x21': math.div(9,21)
|
|
);
|