exemplifi_dat_scss_2.scss

// CSS VARIABLES
:root {
	--body-font-family: #{$site-body-font-family};
	--heading-font-family: #{$site-heading-font-family};
	--heading-font-weight: 500;

	// Scale factors
	@each $factor, $value in $scale-factors {
		--scale-factor-#{$factor}: #{$value};
	}

	// Margin spacings
	@each $space, $value in $margin-spacings {
		--vertical-margin-#{$space}: #{$value};
	}

	// Margin pushes
	@each $space, $value in $margin-pushes {
		--margin-push-#{$space}: #{$value};
	}

	// Padding spacings
	@each $space, $value in $padding-spacings {
		--vertical-padding-#{$space}: #{$value};
	}

	// Gutter spacings
	@each $space, $value in $gutter-spacings {
		--column-gutter-spacing-#{$space}: #{$value};
	}
}