![cover image](https://wikiwandv2-19431.kxcdn.com/_next/image?url=https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/langja-640px-Sass_Logo_Color.svg.png&w=640&q=50)
Sass
スタイルシート言語 / ウィキペディア フリーな encyclopedia
親愛なるWikiwand AI, これらの重要な質問に答えるだけで、簡潔にしましょう:
トップの事実と統計を挙げていただけますか Sass?
この記事を 10 歳向けに要約してください
Sass(サース[2][3]、英: Syntactically Awesome Style Sheets)は、ハンプトン・キャトリン[4]が設計しネイサン・バイゼンバウム[5]が開発したスタイルシート言語である。[6][7] 後にSassファイルに用いられる単純なスクリプト言語である SassScript 用の拡張が加えられた。
![]() Sassのロゴ | |
登場時期 | 2006 |
---|---|
設計者 | ハンプトン・キャトリン |
開発者 | ネイサン・バイゼンバウム、クリス・エプシュタイン |
最新リリース | 3.5.5/ 2021年5月12日 (3年前) (2021-05-12)[1] |
型付け | 動的 |
主な処理系 | Ruby、C++、Dart |
影響を受けた言語 | CSS、YAML、Haml、LESS |
影響を与えた言語 | LESS、Stylus、Tritium |
プラットフォーム | クロスプラットフォーム |
ライセンス | MITライセンス |
ウェブサイト | http://sass-lang.com/ |
拡張子 |
sass 、scss |
テンプレートを表示 |
Sass は Cascading Style Sheets (CSS)で解釈される2種類の構文で構成されたスクリプト言語であり、SassScript はスクリプト言語自体を示す。 はじめにできた「インデント構文」では、Haml(英語版)と同様にコードブロックや改行コードを分離する際に字下げを活用している。単にSassと言ったらインデント構文のことを指す場合も多い。[8]新しい構文である「SCSS」(Sassy CSS)は、CSSのようなブロックの書式を使用し、ブロック内の別々の行にブロックとセミコロンを示すため波括弧を用いている。
CSS3はグループルールを適用するセレクタ及び擬似セレクターの一群で構成されている。
SASSは伝統的なプログラミング言語、特にオブジェクト指向言語で利用可能ないくつかの仕組みで、CSS3にはないものを提供することでCSSを拡張している。
SassScript の解釈時には、Sass ファイルで定義された様々なセレクタとして、CSSルールのブロックが作成される。
Sass インタプリタが SassScript をCSSに変換する。sass
か scss
の保存時に Sass がこれらを監視し、CSS出力変換を行っている。[9]
CSS用の単純な糖衣構文でもある。
公式に Ruby で実装されているオープンソースソフトウェアであるが、 PHPを含めた多言語の実装も存在しており、中には libSass と呼ばれるC++による高性能の実装や、[10][11]JSass と呼ばれる Java による実装がある。[12]また、RubyによるSassが低速で、C++によるSassが新しい機能が追加しにくくなってきたことから、Dartによるdart-sassという実装が生まれた。[13][14]
インデント構文はメタ言語であり、SCSS はネストされたメタ言語であるように、プログラム意味論上では妥当なCSSは、妥当なSCSSである。Mozilla Firefox ウェブブラウザの拡張機能である Firebug との統合に対応している。[15]