Catpow SCSS

background image

svg

SVG関連のプロパティを設定します。

Params

c
color

f
fill

fo
fill-opacity

s
stroke

w
stroke-width

so
stroke-opacity

sda
stroke-dasharray

sdo
stroke-dashoffset

slc
stroke-linecap

Keyword
  • m
    square
  • b
    butt
  • r
    round

slj
stroke-linejoin

Keyword
  • m
    miter
  • b
    bevel
  • r
    round

sml
stroke-miterlimit

sc
stop-color

ta
text-anchor

Keyword
  • l
    start
  • c
    middle
  • r
    end

db
dominant-baseline

Keyword
  • t
    baseline
  • m
    middle
  • b
    hanging

po
paint-order

Keyword
  • s
    stroke
  • f
    fill
  • m
    markers
scss
@import 'catpow';

@include svg((f:b,s:m));
css
fill: hsla(var(--tones-b-h),var(--tones-b-s),var(--tones-b-l),var(--tones-b-a));
stroke: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));