variables sass

by Michel Piallier

HTML

<p id="un">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci accusantium exercitationem asperiores, quidem natus laudantium totam vel officia eius expedita quaerat obcaecati odio fuga! Doloribus consequatur ab earum fugit, magnam.</p>

	<p id="deux">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi quasi ex vitae a, molestias itaque, minima aspernatur consequatur quisquam numquam. Voluptate maiores dolorem culpa aperiam itaque ut dolore ipsam voluptatibus!</p>

SCSS

$couleur: red;
$marge-g: 40px;
$gris-clair: #ccc;

#un {
	color: $couleur;
  padding-left:$marge-g;
}
#deux {
	color:$gris-clair;
  padding-left:$marge-g;
}