archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Add flex-none helper

Browse Source
This commit is contained in:
Adam Wathan 2017-08-23 16:00:13 -04:00
parent ad36272906
commit a8ce85ed1b
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/source/grid.md
View File

@ -69,7 +69,7 @@ Columns can be different widths:
Rows can overflow and wrap:
<div class="flex mb-6">
<div class="flex flex-wrap mb-6">
<div class="w-full md:w-1/3">
<div class="flex-center h-16 bg-dark-softer text-light">
.md:w-1/3
@ -132,29 +132,29 @@ Column widths can be automatic:
Fixed width columns are still respected even if a smaller screen has auto column widths:
<div class="flex mb-6">
<div class="flex-fill md:w-1/6">
<div class="flex-fill md:w-1/6 md:flex-none">
<div class="flex-center h-16 bg-dark-softer text-light">
.flex-fill.md:w-1/6
.flex-fill.md:w-1/6.md:flex-none
</div>
</div>
<div class="flex-fill md:w-1/6">
<div class="flex-fill md:w-1/6 md:flex-none">
<div class="flex-center h-16 bg-dark-soft text-light">
.flex-fill.md:w-1/6
.flex-fill.md:w-1/6.md:flex-none
</div>
</div>
<div class="flex-fill md:w-1/6">
<div class="flex-fill md:w-1/6 md:flex-none">
<div class="flex-center h-16 bg-dark-softer text-light">
.flex-fill.md:w-1/6
.flex-fill.md:w-1/6.md:flex-none
</div>
</div>
<div class="flex-fill md:w-1/6">
<div class="flex-fill md:w-1/6 md:flex-none">
<div class="flex-center h-16 bg-dark-soft text-light">
.flex-fill.md:w-1/6
.flex-fill.md:w-1/6.md:flex-none
</div>
</div>
<div class="flex-fill md:w-1/6">
<div class="flex-fill md:w-1/6 md:flex-none">
<div class="flex-center h-16 bg-dark-softer text-light">
.flex-fill.md:w-1/6
.flex-fill.md:w-1/6.md:flex-none
</div>
</div>
</div>