「Sass」カテゴリーアーカイブ

(159) Sassで便利なセレクタたち

(1) & 親セレクタ参照一つ遡って、親要素に対して適用したい場合に使用する。【例】div要素に対して二つのクラス red, blueでデザインを変えたい場合の記述例サンプルコードを以下にアップした。 h… 続きを読む »

【1】やりたいこと過去記事 (91) Node.js + gulpでSASSを Windows10で実行を 4年ぶりにアップデートする。新規インストールした Windows11パソコン上で Node.js + gu… 続きを読む »

1. 知ったこと恥ずかしながら :nth-child という書き方を知らなかった。 CSSを書くときに、配列要素に対してその序数で指定が出来るのだそうな。 2. 実際に使ってみるこんなコードを書いてみた。 <p… 続きを読む »

1. やりたいこと 2024.05.01 : Windows11用に内容をアップデートした投稿もあります(↓) (153) Node.js + gulpでSASSを Windows11で実行過去記事 (65) Node… 続きを読む »

1. やりたいこと Sassで共通部品を用意して使いまわしたい。 2. やってみる (1) 共通部品を書く % (place holder selector)を使って共通部品を書く。 %mytxt-mid{ font… 続きを読む »

1. やりたいこと以下の過去記事の続き。 (50) Node.js + gulpでcssファイルを自動圧縮 (51) Node.js + gulpで画像ファイルを自動圧縮 (52) Node.js + gulpでJav… 続きを読む »

1. やりたいこといつもは Linux上で sassを実行しているが、たまに Windows上で実行したい時もある。 2. やってみる (1) Rubyをインストールする。こちらから Windows用のインストーラを… 続きを読む »

1. やりたいこと前々回の (56) 【Sass入門#1】sassでcssを簡潔に書く。　前回の (57) 【Sass入門#2】sassでcssを簡潔に書く。の続き。前々回、前回で Sassの基本を学んだ。今回… 続きを読む »

1. やりたいこと前回の (56) 【Sass入門#1】sassでcssを簡潔に書く。の続き。 Sassを使って CSSファイルの記述内容を整理整頓したい。 3. やってみる (1) 変数を使う。こんな SCSSフ… 続きを読む »

1. やりたいこと大きなサイトを書くと、必然的にCSSも大きく複雑になる。こんなとき… 「CSSで変数が使えたらなぁ…」「速度のロスなくCSSの中で別のCSSをインポート出来たらなぁ&#82… 続きを読む »