fg-blue

text color to blue

bg-purple

background color to purple

bd-4px

border will be 4px

bd-color-red

border color change to red

bd-clear

remove all border to 0

 

 

pd-l-20px

padding left 20px

 

 

pd-r-20px

padding right 20px

 

 

pd-t-20px

padding top 20px

 

 

pd-b-20px

padding bottom 20px

 

 

mg-l-30px

margin left 30px

 

 

mg-r-30px

margin right 30px

 

 

mg-t-30px

margin top 30px

 

 

 

mg-b-30px

margin bottom 30px

 

 

mg-hr-clear

remove left and

right margin to be 0

 

mg-vr-clear

remove top and

right bottom to be 0

 

 

mg-clear

remove all margin

to be 0
 

 

pd-hr-clear

remove left and

right padding to be 0

 

 

pd-vr-clear

remove top and

bottom padding to be 0

 

 

pd-clear

remove all padding to

be 0

 

ln-h-30px

line-height 30px
 

 

dis-gd

display grid

 

dis-flx

display flex

 

 

dis-blk

display block

 

dis-iblk

display inline-block

dis-tb

display table
 

flx-d-column

flex-direction column


flx-g-1

flex-grow 1
 

 

flx-w-wrap

flex-wrap

 

jcnt-space-between

justify-content

space-between

acnt-center

align-content

center

typo-l

text-align left

typo-j

text-align justify

typo-c

text-align center

typo-r

text-align right

typo-40px
font-size 40px

typo-styl-i

font style italic

typo-styl-b

font-style bold

w-343px

width 343px

h-90px

height 90x

 

mx-w-40%

max-width 40%
 

mx-h-50%

max-height 50%
 

mi-w-200px

min-width 200px
 

mi-h-200px

min-height 200px
 

bd-styl-solid

border-style solid
 

aslf-center

align-self center
 

aitm-center

align-items center
 

mg-pushl

margin-left auto

 

mg-pushr

margin-right auto

 

cln-gp-10px

column-gap 10px
 

rw-gp-10px

row-gap 10px
 

 

gp-20px

gap 20px
 

bd-rd-50%

border-radius 50%

od-2

order-2

order-1
 

gd-tplt-cns-repeat(3,1fr)

grid template columns

repeat(3,1fr)
 

gd-tplt-rws-repeat(3,1fr)

grid template rows

repeat(3,1fr)

 

​

gd-cln-1/2
gd-rw-1/2
 

 

mg-pd-clear

margin 0

padding 0
 

 

d-lr

direction ltr
 

d-rl

direction rtl
 

rm-dot

list-style-type none
 

pd-10px

padding 10px
 

 

mg-10px

margin 10px
 

 

 

font-global

font-family:

​

​

pos-rel

position relative

​

 

pos-abs

position absolute

​

 

t-20px b-20px

l-20px r-20px

top-20px bottom-20px

left-20px right-20px

​

​