カテゴリー：Sass
-
ブラウザの開発者ツールで表示されるソースコードはあくまでSassなどの出力結果になります。なので、出力結果がsassのソースのどの行に対応しているのかはわかりません。これでは開発時に不便ですので、「sourcemap(ソースマップ）」という…
-
02.27
【Sass】フレームワークについて
Sassフレームワークとは？ レイアウトやパーツなどCSSでよく使われるパーツをまとめたものになります。Sassのmixin集です。 種類 機能拡張系フレームワーク Bourbon Sassのミックスイン集、CSSフレームワークの…
-
mixinの基本的な使い方 変換前 [crayon-68e10e340154c998163825/] 変換後 [crayon-68e10e3401553382359337/] 命名規則 半角数字から始まる名前はつけられま…
-
実装例 結合前 ファイル1 [crayon-68e10e3401da4579393813/] ファイル2 [crayon-68e10e3401dab045061527/] 結合後 以下のようなファイルが生成されます。 [cr…
-
用途 同じカラーコードをまとめておく。 デザイナーのケアレスミスなどで色コードを微妙に変えたいなどと言った場合にもすぐ対応できます。一括置換よりは楽です。 変数名のルール 変数名として使える記号は以下の三種類だけです。それ以外の記号…
-
隣接セレクタ [crayon-68e10e3402889565818190/] +記号を使って隣にあるセレクタを指定できます。 [crayon-68e10e3402892070523868/] Sass [crayon-68e10…
-
02.23
【Sass】Gulpについて
Sassのビルドツールには様々な種類があります。おそらく多くの現場で使われているのはタスクランナーの「Gulp」でしょう。GulpはSassだけじゃなく、TypeScript、CofeeScriptなどのトランスパイル、構文チェックにも対応…
