mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
33 lines
1.2 KiB
SCSS
33 lines
1.2 KiB
SCSS
$debug: false;
|
|
|
|
@if $debug {
|
|
$colors: ("blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan);
|
|
|
|
@each $name, $color in $colors {
|
|
@debug ("#{$name}: '#{$color}'");
|
|
@debug ("#{$name}-100: '#{tint-color($color, 8)}'");
|
|
@debug ("#{$name}-200: '#{tint-color($color, 6)}'");
|
|
@debug ("#{$name}-300: '#{tint-color($color, 4)}'");
|
|
@debug ("#{$name}-400: '#{tint-color($color, 2)}'");
|
|
@debug ("#{$name}-500: '#{$color}'");
|
|
@debug ("#{$name}-600: '#{shade-color($color, 2)}'");
|
|
@debug ("#{$name}-700: '#{shade-color($color, 4)}'");
|
|
@debug ("#{$name}-800: '#{shade-color($color, 6)}'");
|
|
@debug ("#{$name}-900: '#{shade-color($color, 8)}'");
|
|
}
|
|
|
|
@debug ("gray: '#{$gray-500}'");
|
|
@debug ("gray-100: '#{$gray-100}'");
|
|
@debug ("gray-200: '#{$gray-200}'");
|
|
@debug ("gray-300: '#{$gray-300}'");
|
|
@debug ("gray-400: '#{$gray-400}'");
|
|
@debug ("gray-500: '#{$gray-500}'");
|
|
@debug ("gray-600: '#{$gray-600}'");
|
|
@debug ("gray-700: '#{$gray-700}'");
|
|
@debug ("gray-800: '#{$gray-800}'");
|
|
@debug ("gray-900: '#{$gray-900}'");
|
|
}
|
|
|
|
@debug ("border-color: '#{$border-color}'");
|
|
@debug ("text-muted: '#{$text-muted}'");
|