1
1
mirror of https://github.com/namibia/awesome-cheatsheets.git synced 2024-12-20 01:03:14 +00:00

docs(tailwind): flexbox

This commit is contained in:
Julien Le Coupanec 2020-03-29 14:38:47 +02:00
parent 267e4cc1de
commit e592128bd3

View File

@ -249,45 +249,84 @@
/* /*
* Align Self * Align Self
* ---------- * ----------
* * Utilities for controlling how an individual flex item is positioned along its container's cross axis.
* * By default, only responsive variants are generated for align-self utilities.
*/ */
.self-auto /* align-self: auto; */
.self-start /* align-self: flex-start; */
.self-center /* align-self: center; */
.self-end /* align-self: flex-end; */
.self-stretch /* align-self: stretch; */
/* /*
* Justify Content * Justify Content
* ---------- * ----------
* * Utilities for controlling how flex items are positioned along a container's main axis.
* * By default, only responsive variants are generated for justify-content utilities.
*/ */
.justify-start /* justify-content: flex-start; */
.justify-center /* justify-content: center; */
.justify-end /* justify-content: flex-end; */
.justify-between /* justify-content: space-between; */
.justify-around /* justify-content: space-around; */
/* /*
* Flex * Flex
* ---------- * ----------
* * Utilities for controlling how flex items both grow and shrink.
* * By default, only responsive variants are generated for flex utilities.
*/ */
.flex-initial /* flex: 0 1 auto; */
.flex-1 /* flex: 1 1 0%; */
.flex-auto /* flex: 1 1 auto; */
.flex-none /* flex: none; */
/* /*
* Flex Grow * Flex Grow
* ---------- * ----------
* * Utilities for controlling how flex items grow.
* * By default, only responsive variants are generated for flex grow utilities.
*/ */
.flex-grow /* flex-grow: 1; */
.flex-grow-0 /* flex-grow: 0; */
/* /*
* Flex Shrink * Flex Shrink
* ---------- * ----------
* * Utilities for controlling how flex items shrink.
* * By default, only responsive variants are generated for flex shrink utilities.
*/ */
.flex-shrink /* flex-shrink: 1; */
.flex-shrink-0 /* flex-shrink: 0; */
/* /*
* Order * Order
* ---------- * ----------
* * Utilities for controlling the order of flex items.
* * By default, only responsive variants are generated for order utilities.
*/ */
.order-first /* order: -9999; */
.order-last /* order: 9999; */
.order-none /* order: 0; */
.order-1 /* order: 1; */
.order-2 /* order: 2; */
.order-3 /* order: 3; */
.order-4 /* order: 4; */
.order-5 /* order: 5; */
.order-6 /* order: 6; */
.order-7 /* order: 7; */
.order-8 /* order: 8; */
.order-9 /* order: 9; */
.order-10 /* order: 10; */
.order-11 /* order: 11; */
.order-12 /* order: 12; */
/* ******************************************************************************************* /* *******************************************************************************************
* GRID * GRID
* ******************************************************************************************* */ * ******************************************************************************************* */