sass

Sass снова делает CSS . SASS - это расширение CSS, добавление вложенных правил, переменных, микшинов, наследования селектора и многого другого. Это переводится как хорошо форматированные стандартные CSS с использованием инструмента командной строки или плагина для вашей системы сборки.

 $font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;

body {
  font : 100 % $font-stack ;
  color : $primary-color ;
}

@mixin border-radius ( $radius ) {
  -webkit-border-radius : $radius ;
     -moz-border-radius : $radius ;
      -ms-border-radius : $radius ;
          border-radius : $radius ;
}

nav {
  ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
  }

  li { @include border-radius ( 10 px ); }

  a {
    display : block ;
    padding : 6 px 12 px ;
    text-decoration : none ;
  }
}

Установите sass

Вы можете установить SASS на Windows, Mac или Linux, загрузив пакет для вашей операционной системы из GitHub и добавив его на свой PATH . Вот и все - нет внешних зависимостей и ничего другого, что вам нужно установить.

Если вы используете node.js, вы также можете установить SASS, используя NPM, запустив

 npm install -g sass

Тем не менее, обратите внимание , что это установит реализацию SASS Pure JavaScript, которая работает несколько медленнее, чем другие варианты, перечисленные здесь. Но у него есть тот же интерфейс, поэтому будет легко заменить другую реализацию позже, если вам понадобится немного больше скорости!

Смотрите веб -сайт SASS для получения дополнительных способов установки SASS.

После установки SASS вы можете запустить исполняемый файл sass для компиляции .sass и .scss файлов в файлы .css . Например:

 sass source/stylesheets/index.scss build/stylesheets/index.css

Учитесь нах

Проверьте веб -сайт SASS для руководства о том, как выучить SASS!

Этот репозиторий

Этот репозиторий не является реализацией SASS. Они живут в sass/dart-sass и sass/libsass . Вместо этого он содержит:

• spec/ , который содержит спецификации для языковых функций.
• proposal/ , которое содержит представления о предложениях для изменений в языке.
• accepted/ , который содержит предложения, которые были приняты и либо реализованы, либо в процессе реализации.

Обратите внимание, что это не содержит полной спецификации SASS. Вместо этого спецификации функций записываются по мере необходимости, когда разработана новая функция или когда реализации нуждается в дополнительной ясности о том, как что -то должно работать. Это означает, что многие характеристики в spec/ только охватывают небольшие части рассматриваемых функций.

Политика управления версиями

Предложения в этом репозитории версируются, чтобы легко отслеживать изменения с течением времени и ссылаться на более старые версии. У каждой версии есть тег GIT proposal.<name>.draft-<version> Новая версия должна быть создана для каждой партии изменений.

У каждой версии есть серьезная версия, и у них также может быть незначительная версия (указано <major>.<minor> ). Незначительная версия должна быть увеличена для изменений, которые не влияют на предполагаемую семантику предложения; В противном случае основная версия должна быть увеличена.