Catpow SCSS

background image

clr

colorやbackground-colorなどで用いる色の値を返します。translate_color関数が定義されていればその関数から、グローバル変数$colorsが定義されていればそれから色の値を取得します。
scss
@import 'catpow';

$colors:(
	m:#786C65
);

.box{
	color:clr(m);
	color:clr(a);
}
css
.box {
  color: #786C65;
  color: hsla(var(--tones-a-h),var(--tones-a-s),var(--tones-a-l),var(--tones-a-a));
}