/**
 * Coming soon. This template will be parsed as CSS, with your control data
 * available, allowing for a layer of dynamic styling over your base CSS.
 * The goal here is to elimate a need for inline styles in your markup.
 */

$element.my-element {
	background-color: $background_color;
	border: $border_width $border_style $border_color;
}

$element.my-element.vertical .my-element-heading {

	background-color: $background_color;
	border: $border_width $border_style $border_color;
}

$element .my-element-heading {
	color: $heading_color;
}