Sass(Scss)配列と値の取得

Sass(Scss)配列と値の取得の書き方のまとめ

Sassの配列の書き方

一番基本的な書き方。
配列名を宣言して、値をコンマでつなぐ。

$array: hoge1, hoge2, hoge3, hoge4;

下記のように、コンマなしで半角スペース空けても同様に配列として扱える。

$array2: hege1 hege2 hege3 hege4 hege5;

Sassの配列の値の取得

配列の取得は以下のようにして指定する。尚、数値は0からではなく1から始まる

nth(配列名, 数値);

Example

nth($array, 1);
nth($array2, 2);

↓

hoge1
hege2

Sassの配列の値の長さの取得

length(配列名)

Example

length($array);
length($array2);

↓

4
5

Sassの配列の位置を取得

index(配列名, 値)

Example

index($array, hoge1);
index($array2, hege5);

↓

1
5

Add Comments

名前
URL
 
  絵文字