$debug: false; @if $debug { $colors: ("blue": $blue, "azure": $azure, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "lime": $lime, "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}'"); }