使い方

参考:

Sass のリスト | Hail2u

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

Sass Lists | DigitalOcean

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)

参考:

nth – sass:list | Sass Documentation [Official]

セパレーターを変更する

参考:

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

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

参考:

types of list separator – Stack Overflow

記事をシェアする:
タグ:

コメントを残す

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

Protected by reCAPTCHA