指定したNodeにclassを設定する。
初期class:無し → $setClass($id('sample1','class_red')
Sass :
#sample1, #sample2, #sample3, #sample4 {
color: #000;
font-weight: 400;
&.class_blue { //背景ブルー・文字ホワイト
color: #fff;
background-color: #8eb8bd;
}
&.class_red { //背景レッド・文字ホワイト
color: #fff;
background-color: #bd8e9e;
}
&.class_bold { //文字ボールド
font-weight: 700;
letter-spacing: 3px;
}
&.class_italic { //文字イタリック
font-weight: 400;
font-style: italic;
letter-spacing: 10px;
}
}
Javascript :
$setClass($id('sample1'),'class_red');
初期class:class_blue class_bold → $setClass($id('sample2','class_red',true)
Javascript :
$setClass($id('sample2'),'class_red',true);
初期class:class_bold class_blue → $setClass($id('sample3','class_red')
Javascript :
$setClass($id('sample3'),'class_red');
初期class:class_blue class_bold → $setClass($id('sample4','class_red',true); $setClass($id('sample4','class_italic');
Javascript :
$setClass($id('sample4'),'class_red',true);
$setClass($id('sample4'),'class_italic');