spectrum-foundations v1.0.0

Spectrum-foundations

Дизайн система тестируем молекулы и атомы

Установка

Прописать в консоли

npm i --save-dev Spectrum-foundations

Использование

@import '~spectrum-foundations/scss';

/*
** Молекулы
*/
.text {
  &-largetitle {
    font-weight: variables.$font-b;
    font-size: variables.$font-s1;
    line-height: variables.$font-lh1;
  }
}
/*
** Атомы
*/
//font weight
$font-b: 700;
//font size
$font-s1: 36px;
//font line-height
$font-lh1: 44px;

Классы(молекулы) собираются из атомов(variables)

Пример

<h1 class="text-largetitle>
  Hello
</h1>