1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

sassの大まかな理解

Posted at
1 / 2

###はじめに
学習始めたての初心者のアウトプットなので内容も薄いとは思いますが
それでも見ていただいた方でご指摘があればよろしくお願い致します。

今回はsassを利用して便利だと感じたものを大まかに投稿していきます。

##Sassとは
・CSSを効率よく記述することができる言語
・sassファイルはcssに変換される
###変数
・変数を定義することができ、クラスに代入する事もできる。
・変数は利用する箇所より、前で定義することに注意が必要かもです。

$blue: #1f07db   ←これ

.title
color: $blue;

###入れ子・ネスト
・同じセレクタを何度も書かなくても良い
・「セレクタ:hover」→「&:hover」は
&記号に書き換えて、まとめることが可能。
###import
外部先からファイルを読み込む事ができる

###mixin
いくつかのコードを1つにまとめて、複数箇所で簡単に呼び出すことが可能。
同じコードを何度も書く必要がなくなり、無駄なコードを省略することが可能

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?