Jak použít proměnné v CSS, je čas zbavit se Sass

CSS konečně podporuje nativně proměnné ! Dokud to neuměl, musel jsem používat SASS a mít vyřešenou kompilaci .scss souborů na .css, aby vše prohlížeč uměl zobrazit správně.

:root {
	--color-primary: #007ab8;
	--color-white: #ffffff;
	--color-black: #272727;
	--color-gray-light: #e5e5e5;

	--font-primary: "PT Sans", sans-serif;
}

body {
	background: var(--color-white);
	border-top: 0.5em solid var(--color-gray-light);
	color: var(--color-black);
	font-family: var(--font-primary);
	line-height: 1.5;
}