// * color pallete creation $colors: ( "primary": $primary, "secondary": $secondary, "error": $error, "info": $info, "blue": #1919e6, "red": #e61919, "yellow": #e6e619, "green": #19e635, "orange": #ffa600, "purple": #9900ff, "gray": #808080, "black": black, "white": white, ); // use this to get the data in the terminal @debug map-get($colors); //terminal prints ─> sass:map 1 │ @function get($map, $key, $keys...) { // Test a color with @debug map-get($colors, "purple"); // terminal prints: DEBUG: #9900ff // evaluation to true or false @debug map-has-key($colors, "firebrick"); //DEBUG: false
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter