Catpow SCSS

background image

bnd

レイアウト関連のプロパティを設定します。

Params

d
display

Keyword
  • b
    block
  • ib
    inline-block
  • f
    flex
  • if
    inline-flex
  • g
    grid
  • c
    contents
  • i
    inline
  • t
    table
  • it
    inline-table
  • th
    table-header-group
  • tb
    table-row-group
  • tf
    table-footer-group
  • tr
    table-row
  • tc
    table-cell
  • li
    list-item
  • n
    none

f
flex

ap
appearance

Keyword
  • n
    none
  • b
    button

ctn
container

Keyword
  • s
    size
  • i
    inline-size
  • n
    normal

p
position

Keyword
  • n
    static
  • r
    relative
  • a
    absolute
  • f
    fixed
  • s
    sticky

v
visibility

Keyword
  • v
    visible
  • h
    hidden
  • c
    collapse

l
left

r
right

t
top

b
bottom

i
inset

x
left

y
bottom

z
z-index

pd
padding

mg
margin

pdt
padding-top

mgt
margin-top

pdb
padding-bottom

mgb
margin-bottom

pdl
padding-left

mgl
margin-left

pdr
padding-right

mgr
margin-right

pdi
padding-inline

mgi
margin-inline

bs
box-sizing

Keyword
  • b
    border-box
  • c
    content-box

fl
float

Keyword
  • l
    left
  • r
    right
  • n
    none

cl
clear

Keyword
  • l
    left
  • r
    right
  • b
    both

bb
break-before

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • p
    page
  • c
    column
  • ap
    avoid-page
  • ac
    avoid-column
  • l
    left
  • r
    right

bi
break-inside

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • p
    avoid-page
  • c
    avoid-column

ba
break-after

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • p
    page
  • c
    column
  • ap
    avoid-page
  • ac
    avoid-column
  • l
    left
  • r
    right

pbb
page-break-before

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • ap
    avoid-page
  • ac
    avoid-column

pbi
page-break-inside

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • ap
    avoid-page
  • ac
    avoid-column

pba
page-break-after

Keyword
  • n
    auto
  • a
    avoid
  • b
    always
  • ap
    avoid-page
  • ac
    avoid-column

o
overflow

Keyword
  • v
    visible
  • h
    hidden
  • c
    clip
  • s
    scroll
  • a
    auto

ox
overflow-x

oy
overflow-y

of
object-fit

Keyword
  • f
    fill
  • c
    cover
  • i
    contain
  • cvr
    cover
  • cnt
    contain
  • sd
    scale-down

op
object-position

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

a
aspect-ratio

Keyword
  • a
    auto
  • v
    4 / 3'
  • h
    '16 / 9'

as
align-self

Keyword
  • f
    stretch
  • c
    center
  • e
    flex-end
  • s
    flex-start

ac
align-content

Keyword
  • f
    stretch
  • c
    center
  • e
    end
  • s
    start
  • fe
    flex-end
  • fs
    flex-start
  • n
    normal
  • b
    baseline
  • sb
    space-between
  • sa
    space-around

g
gap

ga
grid-area

gr
grid-row

grs
grid-row-start

gre
grid-row-end

gc
grid-column

gcs
grid-column-start

gce
grid-column-end

nth
order

sss
scroll-snap-stop

Keyword
  • n
    normal
  • a
    always

ssa
scroll-snap-align

Keyword
  • n
    none
  • s
    start
  • e
    end
  • c
    center

sst
scroll-snap-type

Keyword
  • n
    none
  • m
    mandatory
  • p
    proximity

spd
scroll-padding

smg
scroll-margin

spdt
scroll-padding-top

smgt
scroll-margin-top

spdb
scroll-padding-bottom

smgb
scroll-margin-bottom

spdl
scroll-padding-left

smgl
scroll-margin-left

spdr
scroll-padding-right

smgr
scroll-margin-right

sb
scroll-behavior

Keyword
  • a
    auto
  • s
    smooth
scss
@import 'catpow';

@include bnd((d:b,p:r,w:a 300,h:a 300));
css
display: block;
position: relative;
max-width: 300px;
width: auto;
max-height: 300px;
height: auto;