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をインストールします

GitHubからオペレーティングシステム用のパッケージをダウンロードしてPATHに追加することにより、Windows、Mac、またはLinuxにSASSをインストールできます。それだけです。外部の依存関係はなく、インストールする必要はありません。

node.jsを使用している場合は、npmを使用してsassをインストールすることもできます。

 npm install -g sass

ただし、これにより、SASSの純粋なJavaScript実装がインストールされます。ただし、同じインターフェイスがあるため、もう少し速度が必要な場合は、後で別の実装に簡単に交換できます。

SASSをインストールする方法については、SASS Webサイトをご覧ください。

SASSをインストールしたら、 sass実行可能ファイルを実行して.sassファイルと.scssファイルを.cssファイルにコンパイルできます。例えば：

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

SASSを学びます

SASSの学習方法に関するガイドについては、SASS Webサイトをご覧ください！

このリポジトリ

このリポジトリはSASSの実装ではありません。それらはsass/dart-sassとsass/libsassに住んでいます。代わりに、それが含まれます：

• spec/ 、言語機能の仕様が含まれています。
• proposal/ 、言語の変更に関する進行中の提案が含まれています。
• accepted/ 、これには受け入れられ、実装されているか、実装されているプロセスのいずれかが含まれています。

これにはSASSの完全な仕様が含まれていないことに注意してください。代わりに、新しい機能が設計されている場合、または実装者が何かがどのように機能するかについてさらに明確にする必要があるときに、必要に応じて仕様が記述されます。これはspec/問題の機能の小さな部分のみをカバーすることを意味します。

バージョン化ポリシー

このリポジトリの提案は、時間の経過とともに変更を簡単に追跡できるようにし、古いバージョンを参照できるようにするためにバージョンにされています。すべてのバージョンには、フォームproposal.<name>.draft-<version> 。変更のバッチごとに新しいバージョンを作成する必要があります。

すべてのバージョンにはメジャーバージョンがあり、マイナーバージョンもある場合があります（ <major>.<minor> ）。マイナーバージョンは、提案の意図されたセマンティクスに影響を与えない変更のためにインクリメントする必要があります。それ以外の場合は、メジャーバージョンをインクリメントする必要があります。