// // Color Functions // // Get color // Use: $button-color: color('primary'); @function color($key: 'primary') { @return map-get($colors, $key); } // Generate opacity // Use: $button-transparent-color: color-alpha('primary', 'light'); // => rgba(#8e3329, 0.8) @function color-alpha($name: 'primary', $opacity: 0) { $color: color($name); $opacity: map-get($color-opacity, $opacity); @return rgba($color, $opacity); } // // Text Functions // // Using type-scale values @function type-scale($level) { @return map-get($type-scale, $level); }