Пераменныя ў SASS

Мова SASS дазваляе выкарыстоўваць пераменныя. Пераменная ўяўляюць сабой кантэйнер, у якім можна захоўваць якія-небудзь даныя і выкарыстоўваць іх у патрэбных месцах кода.

Каб стварыць пераменную, трэба прыдумаць яе імя і перад ім паставіць знак $. Затым пасля імя пераменнай ставім двукроп'е і паказваем значэнне гэтай пераменнай. Давайце для прыкладу зробім пераменную з імем var:

styles.scss$var: 20px;

Давайце цяпер выкарыстаем гэтую пераменную ў якасці значэння ўласцівасці:

styles.scssp {
  font-size: $var;
}

У выніку пасля кампіляцыі ў CSS замест нашай пераменнай падставіцца яе значэнне:

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;

p {
  color: $color;
}