回答編集履歴
1
追記
answer
CHANGED
@@ -8,4 +8,17 @@
|
|
8
8
|
|
9
9
|
そうすることでミスったときの修正箇所がわかりやすく、結果的には効率が良くなります。
|
10
10
|
|
11
|
-
(Gitとかでバージョン管理していないならバックアップは必ずとってください。
|
11
|
+
(Gitとかでバージョン管理していないならバックアップは必ずとってください。
|
12
|
+
|
13
|
+
#### 例
|
14
|
+
|
15
|
+
どんな内容でも出る物なので画像で失礼します。
|
16
|
+

|
17
|
+
上の画像をご覧ください。
|
18
|
+
左がSass、右がコンパイル後のCSSです。
|
19
|
+
Sassは少ないように見えますが、CSSは長く出力されています。
|
20
|
+
まだ、少しだから良いですがこれより長いコード・深い入れ子になったらコンパイル後のコードが長くなるのは自明だと思います。
|
21
|
+
なので、2~3くらいにしないと、コードが長くなり読み込み時間が増えてUXが悪くなるぞ!という回答でした。
|
22
|
+
不明点ありましたらコメントの方までよろしくお願いします。
|
23
|
+
|
24
|
+
使用したツール:[https://www.sassmeister.com/](https://www.sassmeister.com/)
|