リストの操作 (list)

参考:

Sass のリスト | Hail2u

配列を @each 文でリストとして出力 – Qiita

Sass Lists | Alligator.io

Lists in Sass: syntax and use cases with examples | clubmate.fi

Sass List Functions | TutorialsTeacher.com

Advanced Sass list functions | Hugo Giraudel

Improve Your Development With Powerful Sass Lists and Maps | Bamboo Lab

リストを定義する

スペース区切り

$list: foo bar baz;

コンマ区切り

$list: foo, bar, baz;

参考:

配列を @each 文でリストとして出力 – Qiita

リストをネストさせる

$nested-list: (
  ('a1', 'a2', 'a3'),
  ('b1', 'b2', 'b3'),
  ('c1', 'c2', 'c3')
);

参考:

Understanding Sass lists | Hugo Giraudel

Sass Maps vs. Nested Lists | SitePoint

nth

n 番目の要素を取り出す

nth($list, $n)

参考:

Module: Sass::Script::Functions — Documentation by YARD [Official]

セパレーターを変更する

参考:

Change list separator · Issue #1728 · sass/sass – GitHub

join 関数におけるセパレーター

参考:

Types of List separator in sass – Stack Overflow

タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です