sassis on NPM

SASSIS is a SASS / CSS library for shorthand frontend styling.

website documentation / github repository

basic

.absolute .abs	position: absolute
.relative .rel	position: relative
.fixed	position: fixed
.sticky	position: sticky
.table	display: table
.inline	display: inline
.inline-block	display: inline-block
.block	display: block
.flex	display: flex
.none	display: none
.column .col .flex-column	flex-direction: column
.row .flex-row	flex-direction: row
.row-reverse .flex-row-reverse	flex-direction: row-reverse
.column-reverse .flex-column-reverse	flex-direction: column-reverse
.grow	flex-grow: 1
.no-grow .nogrow	flex-grow: 0
.cgrow > * .c-grow > *	flex-grow: 1
.cnogrow > * .cno-grow > * .c-no-grow > *	flex-grow: 0
.shrink	flex-shrink: 1
.no-shrink	flex-shrink: 0
.no-basis	flex-basis: 0
.wrap	flex-wrap: wrap
.nowrap .no-wrap	flex-wrap: nowrap
.auto-space > *	margin-left: var(--column-spacing) &:first-child margin-left: 0
.border-box	box-sizing: border-box
.italic	font-style: italic
.bold .strong	font-weight: bold
.bolder .stronger	font-weight: bold
.normal	font-weight: normal
.light	font-weight: light
.lighter	font-weight: lighter
.text-left	text-align: left
.text-center	text-align: center
.text-right	text-align: right
.capitalize	text-transform: capitalize
.uppercase	text-transform: uppercase
.lowercase	text-transform: lowercase
.underline	text-decoration: underline
.strike-through .line-through .cross-out	text-decoration: line-through
.pointer	cursor: pointer
.visible	opacity: 1
.invisible .hidden	opacity: 0
.no-bg	background: transparent
.overflow-hidden	overflow: hidden
.overflow-auto	overflow: auto
.margin-auto	margin: auto auto
.whitespace-pre .newlines	white-space: pre
.whitespace-nowrap	white-space: nowrap
.whitespace-prewrap	white-space: pre-wrap
.fill	position: absolute width: 100% height: 100% top: 0 left: 0
.no-webkit	-webkit-appearance: none
.user-select-none	user-select: none

layout

.flex	display: flex
.grow	flex-grow: 1
.cgrow > * .c-grow > *	flex-grow: 1
.cnogrow > * .cno-grow > * .c-no-grow > *	flex-grow: 0
.shrink	flex-shrink: 1
.no-shrink	flex-shrink: 0
.no-basis	flex-basis: 0
.wrap	flex-wrap: wrap
.nowrap .no-wrap	flex-wrap: nowrap
.auto-space > *	margin-left: var(--column-spacing) &:first-child margin-left: 0

alignments

.row-[content]-[items] .+row($x, $y)	justify-content: [content] align-items: [items] flex-direction: row
.row-x-[content] .+row-x($val)	justify-content: [content]
.row-y-[items] .+row-y($val)	align-items: [items]
.row > .y-[items]	align-self: [items]
.column-[items]-[content] .+column($x, $y)	align-items: [items] justify-content: [content] flex-direction: column
.column-x-[items] .+column-x($val)	align-items: [items]
.column > .x-[items]	align-self: [items]
.column-y-[content] .+column-y($val)	justify-content: [content]

items

.align-self-center .a-s-c	align-self: center
.align-self-end .a-s-e	align-self: end
.align-self-flex-end .a-s-fe	align-self: flex-end
.align-self-start .a-s-s	align-self: start
.align-self-flex-start .a-s-fs	align-self: flex-start
.align-self-stretch .a-s-str	align-self: stretch
.align-self-baseline .a-s-b	align-self: baseline
.align-items-center .a-i-c	align-items: center
.align-items-end .a-i-e	align-items: end
.align-items-flex-end .a-i-fe	align-items: flex-end
.align-items-start .a-i-s	align-items: start
.align-items-flex-start .a-i-fs	align-items: flex-start
.align-items-stretch .a-i-str	align-items: stretch
.align-items-baseline .a-i-b	align-items: baseline
.justify-self-center .j-s-c	justify-self: center
.justify-self-end .j-s-e	justify-self: end
.justify-self-flex-end .j-s-fe	justify-self: flex-end
.justify-self-start .j-s-s	justify-self: start
.justify-self-flex-start .j-s-fs	justify-self: flex-start
.justify-self-stretch .j-s-str	justify-self: stretch
.justify-self-baseline .j-s-b	justify-self: baseline
.justify-items-center .j-i-c	justify-items: center
.justify-items-end .j-i-e	justify-items: end
.justify-items-flex-end .j-i-fe	justify-items: flex-end
.justify-items-start .j-i-s	justify-items: start
.justify-items-flex-start .j-i-fs	justify-items: flex-start
.justify-items-stretch .j-i-str	justify-items: stretch
.justify-items-baseline .j-i-b	justify-items: baseline

content

.align-content-space-between .align-content-between .a-c-b	align-content: space-between
.align-content-space-evenly .align-content-evenly .a-c-e	align-content: space-evenly
.align-content-space-around .align-content-around .a-c-a	align-content: space-around
.align-content-left .a-c-l	align-content: left
.align-content-right .a-c-r	align-content: right
.align-content-center .a-c-c	align-content: center
.align-content-end .a-c-e	align-content: end
.align-content-flex-end .a-c-fe	align-content: flex-end
.align-content-start .a-c-s	align-content: start
.align-content-flex-start .a-c-fs	align-content: flex-start
.align-content-stretch .a-c-str	align-content: stretch
.justify-content-space-between .justify-content-between .j-c-b	justify-content: space-between
.justify-content-space-evenly .justify-content-evenly .j-c-e	justify-content: space-evenly
.justify-content-space-around .justify-content-around .j-c-a	justify-content: space-around
.justify-content-left .j-c-l	justify-content: left
.justify-content-right .j-c-r	justify-content: right
.justify-content-center .j-c-c	justify-content: center
.justify-content-end .j-c-e	justify-content: end
.justify-content-flex-end .j-c-fe	justify-content: flex-end
.justify-content-start .j-c-s	justify-content: start
.justify-content-flex-start .j-c-fs	justify-content: flex-start
.justify-content-stretch .j-c-str	justify-content: stretch

padding

.pt[num][~\|px\|pc] .+pt($val)	padding-top: [num][em\|px\|pc]
.pr[num][~\|px\|pc] .+pr($val)	padding-right: [num][em\|px\|pc]
.pl[num][~\|px\|pc] .+pl($val)	padding-left: [num][em\|px\|pc]
.pb[num][~\|px\|pc] .+pb($val)	padding-bottom: [num][em\|px\|pc]
.plr[num][~\|px\|pc] .+plr($val)	padding-left: [num][em\|px\|pc] padding-right: [num][em\|px\|pc]
.ptb[num][~\|px\|pc] .+ptb($val)	padding-top: [num][em\|px\|pc] padding-bottom: [num][em\|px\|pc]
.p[num][~\|px\|pc] .+p($val)	padding: [num][em\|px\|pc]
.cp{succ}[rule] .+cp{succ}[rule]	> * {succ}[rule]

margin

.mt[num][~\|px\|pc] .+mt($val)	margin-top: [num][em\|px\|pc]
.mr[num][~\|px\|pc] .+mr($val)	margin-right: [num][em\|px\|pc]
.ml[num][~\|px\|pc] .+ml($val)	margin-left: [num][em\|px\|pc]
.mb[num][~\|px\|pc] .+mb($val)	margin-bottom: [num][em\|px\|pc]
.mlr[num][~\|px\|pc] .+mlr($val)	margin-left: [num][em\|px\|pc] margin-right: [num][em\|px\|pc]
.mtb[num][~\|px\|pc] .+mtb($val)	margin-top: [num][em\|px\|pc] margin-bottom: [num][em\|px\|pc]
.m[num][~\|px\|pc] .+m($val)	margin: [num][em\|px\|pc]
.cm{succ}[rule] .+cm{succ}[rule]	> * {succ}[rule]

border

.bt[0-10]-[solid\|dashed\|dotted] .+bt($val, $type)	border-top-width: [0-10]px border-top-style: [solid\|dashed\|dotted]
.br[0-10]-[solid\|dashed\|dotted] .+br($val, $type)	border-right-width: [0-10]px border-right-style: [solid\|dashed\|dotted]
.bl[0-10]-[solid\|dashed\|dotted] .+bl($val, $type)	border-left-width: [0-10]px border-left-style: [solid\|dashed\|dotted]
.bb[0-10]-[solid\|dashed\|dotted] .+bb($val, $type)	border-bottom-width: [0-10]px border-bottom-style: [solid\|dashed\|dotted]
.blr[0-10]-[solid\|dashed\|dotted] .+blr($val, $type)	border-left-width: [0-10]px border-right-width: [0-10]px border-right-style: [solid\|dashed\|dotted] border-left-style: [solid\|dashed\|dotted]
.btb[0-10]-[solid\|dashed\|dotted] .+btb($val, $type)	border-top-width: [0-10]px border-bottom-width: [0-10]px border-top-style: [solid\|dashed\|dotted] border-bottom-style: [solid\|dashed\|dotted]
.b[0-10]-[solid\|dashed\|dotted] .+b($val, $type)	border: [0-10]px [solid\|dashed\|dotted]
.cb{succ}[rule] .+cb{succ}[rule]	> * {succ}[rule]

flex-basis

.s[num][~\|px\|pc] .+s($val)	flex-basis: [num][em\|px\|pc]
.cs{succ}[rule] .+cs{succ}[rule]	> .spacer {succ}[rule]

position

.t[num][~\|px\|pc] .+t($val)	top: [num][em\|px\|pc]
.r[num][~\|px\|pc] .+r($val)	right: [num][em\|px\|pc]
.l[num][~\|px\|pc] .+l($val)	left: [num][em\|px\|pc]
.b[num][~\|px\|pc] .+b($val)	bottom: [num][em\|px\|pc]
.lr[num][~\|px\|pc] .+lr($val)	left: [num][em\|px\|pc] right: [num][em\|px\|pc]
.tb[num][~\|px\|pc] .+tb($val)	top: [num][em\|px\|pc] bottom: [num][em\|px\|pc]
.c{succ}[rule] .+c{succ}[rule]	> * {succ}[rule]

width

.w[0-100]em .+w($val)	width: [0-100]em
.w[0-1000]px .+w($val)	width: [0-1000]px
.w[0-100]pc .+w($val)	width: [0-100]%
.w[0-100]vw .+w($val)	width: [0-100]vw
.w-auto .+w-auto	width: auto

height

.h[0-100]em .+h($val)	height: [0-100]em
.h[0-1000]px .+h($val)	height: [0-1000]px
.h[0-100]pc .+h($val)	height: [0-100]%
.h[0-100]vh .+h($val)	height: [0-100]vh
.h-auto .+h-auto	height: auto

min-width

.minw[0-100]em .+minw($val)	min-width: [0-100]em
.minw[0-1000]px .+minw($val)	min-width: [0-1000]px
.minw[0-100]pc .+minw($val)	min-width: [0-100]%
.minw[0-100]vw .+minw($val)	min-width: [0-100]vw
.minw-auto .+minw-auto	min-width: auto

min-height

.minh[0-100]em .+minh($val)	min-height: [0-100]em
.minh[0-1000]px .+minh($val)	min-height: [0-1000]px
.minh[0-100]pc .+minh($val)	min-height: [0-100]%
.minh[0-100]vh .+minh($val)	min-height: [0-100]vh
.minh-auto .+minh-auto	min-height: auto

max-width

.maxw[0-100]em .+maxw($val)	max-width: [0-100]em
.maxw[0-1000]px .+maxw($val)	max-width: [0-1000]px
.maxw[0-100]pc .+maxw($val)	max-width: [0-100]%
.maxw[0-100]vw .+maxw($val)	max-width: [0-100]vw
.maxw-auto .+maxw-auto	max-width: auto

max-height

.maxh[0-100]em .+maxh($val)	max-height: [0-100]em
.maxh[0-1000]px .+maxh($val)	max-height: [0-1000]px
.maxh[0-100]pc .+maxh($val)	max-height: [0-100]%
.maxh[0-100]vh .+maxh($val)	max-height: [0-100]vh
.maxh-auto .+maxh-auto	max-height: auto

flex-basis

.basis[0-100]em .+basis($val)	flex-basis: [0-100]em
.basis[0-1000]px .+basis($val)	flex-basis: [0-1000]px
.basis[0-100]pc .+basis($val)	flex-basis: [0-100]%
.basis-auto .+basis-auto	flex-basis: auto

border-radius

.radius[0-100][em\|pc\|px] .+radius($val)	border-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-100][em\|pc\|px] border-top-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-100][em\|pc\|px] border-bottom-left-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-1000][em\|pc\|px] border-top-right-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-1000][em\|pc\|px] border-bottom-right-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-1000][em\|pc\|px] border-bottom-left-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-1000][em\|pc\|px] border-bottom-right-radius: [0-1000][em\|pc\|px]
.radius[0-100][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-100][em\|pc\|px] border-top-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-100][em\|pc\|px] border-bottom-left-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius-auto .+radius-auto	border-radius: auto

transform

.translate00	transform: translate( 0%, 0%)
.origin00	transform-origin: 0% 0%
.translate0-50	transform: translate( 0%, -50%)
.origin0-50	transform-origin: 0% -50%
.translate050	transform: translate( 0%, 50%)
.origin050	transform-origin: 0% 50%
.translate0100	transform: translate( 0%, 100%)
.origin0100	transform-origin: 0% 100%
.translate0-100	transform: translate( 0%, -100%)
.origin0-100	transform-origin: 0% -100%
.translate-500	transform: translate( -50%, 0%)
.origin-500	transform-origin: -50% 0%
.translate-50-50	transform: translate( -50%, -50%)
.origin-50-50	transform-origin: -50% -50%
.translate-5050	transform: translate( -50%, 50%)
.origin-5050	transform-origin: -50% 50%
.translate-50100	transform: translate( -50%, 100%)
.origin-50100	transform-origin: -50% 100%
.translate-50-100	transform: translate( -50%, -100%)
.origin-50-100	transform-origin: -50% -100%
.translate500	transform: translate( 50%, 0%)
.origin500	transform-origin: 50% 0%
.translate50-50	transform: translate( 50%, -50%)
.origin50-50	transform-origin: 50% -50%
.translate5050	transform: translate( 50%, 50%)
.origin5050	transform-origin: 50% 50%
.translate50100	transform: translate( 50%, 100%)
.origin50100	transform-origin: 50% 100%
.translate50-100	transform: translate( 50%, -100%)
.origin50-100	transform-origin: 50% -100%
.translate1000	transform: translate( 100%, 0%)
.origin1000	transform-origin: 100% 0%
.translate100-50	transform: translate( 100%, -50%)
.origin100-50	transform-origin: 100% -50%
.translate10050	transform: translate( 100%, 50%)
.origin10050	transform-origin: 100% 50%
.translate100100	transform: translate( 100%, 100%)
.origin100100	transform-origin: 100% 100%
.translate100-100	transform: translate( 100%, -100%)
.origin100-100	transform-origin: 100% -100%
.translate-1000	transform: translate( -100%, 0%)
.origin-1000	transform-origin: -100% 0%
.translate-100-50	transform: translate( -100%, -50%)
.origin-100-50	transform-origin: -100% -50%
.translate-10050	transform: translate( -100%, 50%)
.origin-10050	transform-origin: -100% 50%
.translate-100100	transform: translate( -100%, 100%)
.origin-100100	transform-origin: -100% 100%
.translate-100-100	transform: translate( -100%, -100%)
.origin-100-100	transform-origin: -100% -100%

font-size

.f0, h6, .h6 .+f0	font-size: 0.785714rem
.f1, h5, .h5 .+f1	font-size: 1rem
.f2, h4, .h4 .+f2	font-size: 1.2857rem
.f3, h3, .h3 .+f3	font-size: 1.64285rem
.f4, h2, .h2 .+f4	font-size: 2.071428rem
.f5, h1, .h1 .+f5	font-size: 2.642857rem

z-index

.z-index0-99
.+z-index( $z )

z-index: 0-99

opacity

.opacity0-99
.+opacity( $z )

opacity: 0-99

font-family

.monospace .+monospace	font-family: var(--font-monospace)
.serif .+serif	font-family: var(--font-serif)
.sans-serif .+sans-serif	font-family: var(--font-sans-serif)
.cursive .+cursive	font-family: var(--font-cursive)
.slab .+slab	font-family: var(--font-slab)
.grotesque .+grotesque	font-family: var(--font-grotesque)

.pt[num][~\|px\|pc] .+pt($val)	padding-top: [num][em\|px\|pc]
.pr[num][~\|px\|pc] .+pr($val)	padding-right: [num][em\|px\|pc]
.pl[num][~\|px\|pc] .+pl($val)	padding-left: [num][em\|px\|pc]
.pb[num][~\|px\|pc] .+pb($val)	padding-bottom: [num][em\|px\|pc]
.plr[num][~\|px\|pc] .+plr($val)	padding-left: [num][em\|px\|pc] padding-right: [num][em\|px\|pc]
.ptb[num][~\|px\|pc] .+ptb($val)	padding-top: [num][em\|px\|pc] padding-bottom: [num][em\|px\|pc]
.p[num][~\|px\|pc] .+p($val)	padding: [num][em\|px\|pc]
.cp{succ}[rule] .+cp{succ}[rule]	> * {succ}[rule]

.mt[num][~\|px\|pc] .+mt($val)	margin-top: [num][em\|px\|pc]
.mr[num][~\|px\|pc] .+mr($val)	margin-right: [num][em\|px\|pc]
.ml[num][~\|px\|pc] .+ml($val)	margin-left: [num][em\|px\|pc]
.mb[num][~\|px\|pc] .+mb($val)	margin-bottom: [num][em\|px\|pc]
.mlr[num][~\|px\|pc] .+mlr($val)	margin-left: [num][em\|px\|pc] margin-right: [num][em\|px\|pc]
.mtb[num][~\|px\|pc] .+mtb($val)	margin-top: [num][em\|px\|pc] margin-bottom: [num][em\|px\|pc]
.m[num][~\|px\|pc] .+m($val)	margin: [num][em\|px\|pc]
.cm{succ}[rule] .+cm{succ}[rule]	> * {succ}[rule]

.bt[0-10]-[solid\|dashed\|dotted] .+bt($val, $type)	border-top-width: [0-10]px border-top-style: [solid\|dashed\|dotted]
.br[0-10]-[solid\|dashed\|dotted] .+br($val, $type)	border-right-width: [0-10]px border-right-style: [solid\|dashed\|dotted]
.bl[0-10]-[solid\|dashed\|dotted] .+bl($val, $type)	border-left-width: [0-10]px border-left-style: [solid\|dashed\|dotted]
.bb[0-10]-[solid\|dashed\|dotted] .+bb($val, $type)	border-bottom-width: [0-10]px border-bottom-style: [solid\|dashed\|dotted]
.blr[0-10]-[solid\|dashed\|dotted] .+blr($val, $type)	border-left-width: [0-10]px border-right-width: [0-10]px border-right-style: [solid\|dashed\|dotted] border-left-style: [solid\|dashed\|dotted]
.btb[0-10]-[solid\|dashed\|dotted] .+btb($val, $type)	border-top-width: [0-10]px border-bottom-width: [0-10]px border-top-style: [solid\|dashed\|dotted] border-bottom-style: [solid\|dashed\|dotted]
.b[0-10]-[solid\|dashed\|dotted] .+b($val, $type)	border: [0-10]px [solid\|dashed\|dotted]
.cb{succ}[rule] .+cb{succ}[rule]	> * {succ}[rule]

.t[num][~\|px\|pc] .+t($val)	top: [num][em\|px\|pc]
.r[num][~\|px\|pc] .+r($val)	right: [num][em\|px\|pc]
.l[num][~\|px\|pc] .+l($val)	left: [num][em\|px\|pc]
.b[num][~\|px\|pc] .+b($val)	bottom: [num][em\|px\|pc]
.lr[num][~\|px\|pc] .+lr($val)	left: [num][em\|px\|pc] right: [num][em\|px\|pc]
.tb[num][~\|px\|pc] .+tb($val)	top: [num][em\|px\|pc] bottom: [num][em\|px\|pc]
.c{succ}[rule] .+c{succ}[rule]	> * {succ}[rule]

.radius[0-100][em\|pc\|px] .+radius($val)	border-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-100][em\|pc\|px] border-top-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-100][em\|pc\|px] border-bottom-left-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-1000][em\|pc\|px] border-top-right-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-1000][em\|pc\|px] border-bottom-right-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-1000][em\|pc\|px] border-bottom-left-radius: [0-1000][em\|pc\|px]
.radius[0-1000][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-1000][em\|pc\|px] border-bottom-right-radius: [0-1000][em\|pc\|px]
.radius[0-100][em\|pc\|px]-top .+radius-top($val)	border-top-left-radius: [0-100][em\|pc\|px] border-top-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-bottom .+radius-bottom($val)	border-bottom-left-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-left .+radius-left($val)	border-top-left-radius: [0-100][em\|pc\|px] border-bottom-left-radius: [0-100][em\|pc\|px]
.radius[0-100][em\|pc\|px]-right .+radius-right($val)	border-top-right-radius: [0-100][em\|pc\|px] border-bottom-right-radius: [0-100][em\|pc\|px]
.radius-auto .+radius-auto	border-radius: auto

sassis
Release 1.2.2

Release 1.2.2

1.2.2

1.0.7

1.0.6

1.0.5

1.0.4

1.0.2

1.0.1

1.0.0

Documentation

basic

layout

alignments

items

content

padding

margin

border

flex-basis

position

width

height

min-width

min-height

max-width

max-height

flex-basis

border-radius

transform

font-size

z-index

opacity

font-family

Stats

Development practices

Releases

Contributors

sassis Release 1.2.2

Release 1.2.2 Toggle Dropdown 1.2.2 1.0.7 1.0.6 1.0.5 1.0.4 1.0.2 1.0.1 1.0.0

Documentation

basic

layout

alignments

items

content

padding

margin

border

flex-basis

position

width

height

min-width

min-height

max-width

max-height

flex-basis

border-radius

transform

font-size

z-index

opacity

font-family

Stats

Development practices

Releases

Contributors

sassis
Release 1.2.2

Release 1.2.2

1.2.2

1.0.7

1.0.6

1.0.5

1.0.4

1.0.2

1.0.1

1.0.0