SASS・SCSS逆引きリファレンス SASS, SCSS Reference
SASS・SCSSの逆引きリファレンスです。
- ※ 不定期で更新を行っています。
はじめに
基本
文字列・数値
文字列
- 文字列から文字数を取得
- 文字列に別の文字列を挿入
- 文字列から指定する文字列が見つかったインデックス番号を取得
- 文字列の一部を取り出す
- 文字列の置換
- 文字列からクォーテーションを除く
- 文字列にクォーテーションを付ける
- 文字列を大文字にする
- 文字列を小文字にする
数値
配列
マップ（連想配列）
セレクター
- セレクターの入れ子（ネスト）
- 親セレクターの参照
- 入れ子のセレクターを作成
- 連結したセレクターを作成
- セレクターから特定のセレクターを別のセレクターに継承
- セレクターから特定のセレクターを別のセレクターに置換
- 2つのセレクターに一致するセレクターに継承
- 連結されたセレクターを分割
- 複数のセレクターを分割
色
- 10進数のRGB形式の色を16進数のRGB値（#RGB）に変換
- 10進数または16進数のRGBA形式の色を10進数のRGBA形式（rgba(R,G,B,A)）に変換
- カラーコードから明度を指定して10進数のRGB値（#RGB）に変換
- カラーコードから彩度を指定して10進数のRGB値（#RGB）に変換
- カラーコードから透明度を指定して10進数のRGB値（#RGB）に変換
- カラーコードから10進数として赤だけを取り出す
- カラーコードから10進数として緑だけを取り出す
- カラーコードから10進数として青だけを取り出す
- 色の反転
- 色のグレースケース
- 色相の補色（色相環で正反対に位置する色）
- 複数の色を混在して中間色を取得
- 色を混ぜる（結合する）
その他
応用