Catpow SCSS

background image

txt

テキスト関連のプロパティを設定します。

Params

i
text-indent

a
text-align

Keyword
  • l
    left
  • r
    right
  • c
    center
  • j
    justify
  • n
    white-space:nowrap
  • wc
    -webkit-center

h
line-height

v
vertical-align

Keyword
  • t
    top
  • m
    middle
  • b
    bottom
  • l
    baseline

s
[text style]

Keyword
  • r
    font-weight:normal
  • b
    font-weight:bold
  • l
    font-weight:lighter
  • i
    font-style:italic
  • n
    text-decoration:none
  • u
    text-decoration:underline
  • o
    text-decoration:overline
  • s
    text-decoration:line-through

m
writing-mode

Keyword
  • h
    horizontal-tb
  • vr
    vertical-rl
  • vl
    vertical-lr

f
font-family

p
font-size

t
letter-spacing

ls
letter-spacing

c
color

w
font-weight

fw
font-weight

fs
font-style

td
text-decoration

Keyword
  • u
    text-decoration-line:underline
  • o
    text-decoration-line:overline
  • t
    text-decoration-line:line-through
  • s
    text-decoration-style:solid
  • d
    text-decoration-style:dotted
  • ds
    text-decoration-style:dashed
  • w
    text-decoration-style:double
  • r
    text-decoration-style:ridge
  • g
    text-decoration-style:groove
  • i
    text-decoration-style:inset
  • o
    text-decoration-style:outset

tds
text-decoration-style

tdl
text-decoration-line

tdc
text-decoration-color

tdt
text-decoration-thickness

to
text-orientation

Keyword
  • m
    mixed
  • s
    sideway
  • u
    upright

ts
text-stroke

te
text-emphasis

Keyword
  • n
    none
  • f
    filled
  • o
    open
  • d
    dot
  • c
    circle
  • dc
    double-circle
  • t
    triangle
  • s
    sesami

o
text-overflow

Keyword
  • c
    clip
  • e
    ellipsis

uo
text-underline-offset

l
list-style

Keyword
  • n
    none
  • ds
    disc
  • cr
    circle
  • sq
    square
  • alp
    upper-alpha
  • dec
    decimal
  • rom
    upper-roman
  • hira
    hiragana

whs
white-space

Keyword
  • n
    normal
  • nw
    nowrap
  • p
    pre
  • pw
    pre-wrap
  • pl
    pre-line
  • bs
    break-space

wds
word-spacing

cmb
text-combine-upright

Keyword
  • n
    none
  • a
    all
  • d
    digits

b,wb
word-break

Keyword
  • k
    keep-all
  • b
    break-all
  • n
    normal

ffs
font-feature-settings

Keyword
  • p
    palt
  • t
    trad
  • n
    nalt
scss
@import 'catpow';

@include txt((a:l,p:20,h:1.5em,w:b,c:m));
css
text-align: left;
font-size: 20px;
line-height: 1.5em;
font-weight: 700;
color: hsla(var(--tones-m-h),var(--tones-m-s),var(--tones-m-l),var(--tones-m-a));