Basic Sass Functions

sass-functions.scss

//
// 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);
}