Catpow SCSS

background image

col

カラム関連のプロパティを設定します。

Params

c
column-count

w
column-width

g
column-gap

rs
column-rule-style

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

rw
column-rule-width

rc
column-rule-color

scss
@import 'catpow';

@include col((w:200));
css
column-width: 200px;
scss
@import 'catpow';

@include col((c:3,g:20,rw:2,rs:d,rc:m));
css
column-count: 3;
column-gap: 20px;
column-rule-width: 2px;
column-rule-style: dotted;
column-rule-color: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));