plh
プレースホルダーのテキストのプロパティを設定します。
Params
...params
::placeholder{@include txt(params);}
scss
@import 'catpow';
@include plh((c:t 1 .7));
@import 'catpow'; @include plh((c:t 1 .7));
css
:placeholder {
color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7));
}
::-webkit-input-placeholder {
color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7));
}
:-ms-input-placeholder {
color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7));
}
::-moz-placeholder {
color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7));
}
:placeholder { color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7)); } ::-webkit-input-placeholder { color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7)); } :-ms-input-placeholder { color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7)); } ::-moz-placeholder { color: hsla(var(--tones-t-h),var(--tones-t-s),var(--tones-t-l),calc(var(--tones-t-a) * 0.7)); }