SASS Mapping Example

mapping.scss

// Helper: Get a map item from an object that is a few levels deep
@function map-deep-get($map, $keys...) {
	@each $key in $keys {
		$map: map-get($map, $key);
	}
	@return $map;
}

// Define the theme within your project palette
$palette: (
	themes: (
		plain: (
			text: white,
			bg: black
		)
  )
);

// Define your helper
@function theme-text($key) { @return map-deep-get($palette, 'themes', $key, 'text'); }


// Usage
body {
	color: theme-text(plain);
}