Catpow SCSS

background image

shd

ドロップシャドウ関連のプロパティを設定します。

Params

b
box-shadow

Keyword
  • i
    inset

bt
box-shadow [top]

Keyword
  • i
    inset

bb
box-shadow [bottom]

Keyword
  • i
    inset

bl
box-shadow [left]

Keyword
  • i
    inset

br
box-shadow [right]

Keyword
  • i
    inset

bc
box-shadow [center]

Keyword
  • i
    inset

bv
box-shadow [bevel]

bvi
box-shadow [bevel in]

bvo
box-shadow [bevel out]

bve
box-shadow [bevel edge]

t
text-shadow

tc
text-shadow [center]

ts
text-shadow [stroke]

tg
text-shadow [glow]

tbv
text-shadow [bevel]

scss
@import 'catpow';

@include shd((b:2));
css
box-shadow: 0 2px 5px hsla(var(--tones-shd-h),var(--tones-shd-s),var(--tones-shd-l),var(--tones-shd-a));
scss
@import 'catpow';

@include shd((t:2));
css
text-shadow: 0 2px 2px hsla(var(--tones-shd-h),var(--tones-shd-s),var(--tones-shd-l),var(--tones-shd-a));