Utility SASS mixin to convert a map of property names and values to CSS

_propmap.scss

/**
 * Converts a SASS map of css property names and values into CSS output.
 * Properties named `description` will have their value inserted as comments.
 * 
 * Nested maps will be processed recursively.
 * 
 * @param  {map} $map the map of properties to output
 */
@mixin map-to-props($map){
	@if type-of($map) == map {
		@each $prop, $value in $map {
			@if type-of($value) != map {
				@if inspect($prop) == 'description' {
					/* #{inspect($value)} */
				}
				@else {
					#{inspect($prop)}: #{inspect($value)};
				}
			}
			@else {
				@include map-to-props($value);
			}
		}
	}
}

Thank you!
Found this a very useful approach in exporting variables to use as a module in webpack.

/* vars.scss */
$someMapObject: (
  prop: value,
  another-prop: anotherValue
);

// next part makes possible to import $someMapObject's variables as es6 module;
:export {
  @include map-to-props($someMapObject);
}

/* app.js */
@import { anotherProp } from 'vars.scss'
console.log(anotherProp) // =>   "anotherValue"