Coding faster than ever⚡️🚀

CSS,SCSS snippets 🧑‍💻

Prefix	Properties
`basis`	flex-basis: value;
`flex-row`	flex-direction: row;
`flex-row-r`	flex-direction: row-reverse;
`flex-col`	flex-direction: column;
`flex-col-r`	flex-direction:column-reverse;
`flex-wrap`	flex-wrap: wrap;
`flex-wrap-r`	flex-wrap:flex-wrap-reverse;
`flex-nowrap`	flex-wrap: nowrap
`flex-1`	flex: 1 1 0%;
`flex-auto`	flex: 1 1 auto;
`flex-initial`	flex: 0 1 auto;
`flex-none`	flex: none;
`grow`	flex-grow: 1;
`grow-0`	flex-grow: 0;
`shrink`	shrink:flex-shrink: 1;
`shrink-0`	shrink:flex-shrink: 0;
`order`	order:value;
`order-first`	order: -9999;
`order-last`	order: 9999;
`order-none`	order: 0;
--------------	-----------------------------
`grid-cols-n(1->12)`	grid-template-columns: repeat(n, minmax(0, 1fr));
`grid-cols-none`	grid-template-columns: none;
`grid-rows-n(1->6)`	grid-template-rows: repeat(n, minmax(0, 1fr));
`grid-rows-none`	grid-template-rows:none;
`col-span`	grid-column: span ${1:track} / span ${2:track};
`col-auto`	grid-column: auto;
`col-span-full`	grid-column: 1 / -1;
`row-span`	grid-row: span ${1:track} / span ${2:track};
`row-auto`	grid-row: auto;
`row-span-full`	grid-row: 1 / -1;
`grid-flow`	grid-auto-flow: ['row','column','dense'];
`gap`	gap: value;
`gap-x`	column-gap: value;
`gap-y`	row-gap: value;
``

Prefix	Code
`center-block`	Center with display block
`center-inline`	Center with display inline-block
`flex-center`	Center thing with flexbox
`flex-centerc`	Center flexbox column direction
`flex-image`	Using for image when make layout row direction with flexbox
`flex-col`	Flex direction column
`facenter`	Flexbox align-items: center
`grid-center`	Center with css grid
`abs-center`	Center top and left with position absolute
`abs-centerx`	Center left with absolute
`abs-centery`	Center top with absolute
`abs-full`	Position absolute full base on parent
`fixed-full`	Position fixed full