LoginSignup
1
0

More than 3 years have passed since last update.

Sassとは

Last updated at Posted at 2019-08-09

Sass(サス)とはCSSの機能を拡張した言語で、Sassを利用することで、CSSを効率的に書ける。SassはCSSに非常に似ていますが異なる言語です。CSSを簡潔に書けるだけではなく、CSSの中で変数を使ったり、計算を行うことなどができます。

Sassには以下のようなメリット。

記述の簡略化ができる
プログラムのような処理ができる
複数のCSSファイルを1つにまとめることができる
同じ値を使い回すことができる

.sass拡張子
.sassの拡張子であるSassファイルでは最初に作られたSassの記法(SASS記法)を扱うことが出来ます。SASS記法では波カッコの省略やセミコロンが不要などのモダンで非常にシンプルな記法という特徴があります。しかし、その分CSSの記法との差があり普及率は低い。

【SASS】
、、、
.body p
color: #333
font-size: 15px
font-weight: normal
strong
color: red
font-weight: bold
、、、

.scss拡張子
.sassの後に作られたSassファイルが.scssの拡張子のファイルです。こちらはCSSに非常に似た記法(SCSS記法)でSassの機能を使うことが出来ます。現在はこの記述が主流。

【SCSS】
、、、
.body p {
color: #333;
font-size: 15px;
font-weight: normal;
strong {
color: red;
font-weight: bold;
}
}
、、、

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0