Catpow SCSS

background image

bdr

ボーダー関連のプロパティを設定します。

Params

p
[border-position]

Keyword
  • l
    left
  • r
    right
  • t
    top
  • b
    bottom

c
color

w
border-width

s
border-style

Keyword
  • n
    none
  • h
    hidden
  • s
    solid
  • d
    dotted
  • ds
    dashed
  • w
    double
  • r
    ridge
  • g
    groove
  • i
    inset
  • o
    outset

r
border-radius

i
border-image

scss
@import 'catpow';

@include bdr((s:s,w:1,c:m));
css
border-style: solid;
border-width: 1px;
border-color: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));