stellarskylark/tachyons-skylark
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Extend flex module to include setting nowrap or wrap reverse

Browse source
This commit is contained in:
mrmrs 2017-08-12 23:20:54 +01:00
parent ea70bba4f4
commit 9229ccf853
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/_flexbox.css
View file

@ -25,6 +25,8 @@
.flex-column { flex-direction: column; } .flex-column { flex-direction: column; }
.flex-row { flex-direction: row; } .flex-row { flex-direction: row; }
.flex-wrap { flex-wrap: wrap; } .flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-column-reverse { flex-direction: column-reverse; } .flex-column-reverse { flex-direction: column-reverse; }
.flex-row-reverse { flex-direction: row-reverse; } .flex-row-reverse { flex-direction: row-reverse; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; } .flex-wrap-reverse { flex-wrap: wrap-reverse; }
@ -77,6 +79,8 @@
.flex-column-ns { flex-direction: column; } .flex-column-ns { flex-direction: column; }
.flex-row-ns { flex-direction: row; } .flex-row-ns { flex-direction: row; }
.flex-wrap-ns { flex-wrap: wrap; } .flex-wrap-ns { flex-wrap: wrap; }
.flex-nowrap-ns { flex-wrap: nowrap; }
.flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
.flex-column-reverse-ns { flex-direction: column-reverse; } .flex-column-reverse-ns { flex-direction: column-reverse; }
.flex-row-reverse-ns { flex-direction: row-reverse; } .flex-row-reverse-ns { flex-direction: row-reverse; }
.flex-wrap-reverse-ns { flex-wrap: wrap-reverse; } .flex-wrap-reverse-ns { flex-wrap: wrap-reverse; }
@ -128,6 +132,8 @@
.flex-column-m { flex-direction: column; } .flex-column-m { flex-direction: column; }
.flex-row-m { flex-direction: row; } .flex-row-m { flex-direction: row; }
.flex-wrap-m { flex-wrap: wrap; } .flex-wrap-m { flex-wrap: wrap; }
.flex-nowrap-m { flex-wrap: nowrap; }
.flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
.flex-column-reverse-m { flex-direction: column-reverse; } .flex-column-reverse-m { flex-direction: column-reverse; }
.flex-row-reverse-m { flex-direction: row-reverse; } .flex-row-reverse-m { flex-direction: row-reverse; }
.flex-wrap-reverse-m { flex-wrap: wrap-reverse; } .flex-wrap-reverse-m { flex-wrap: wrap-reverse; }
@ -180,6 +186,8 @@
.flex-column-l { flex-direction: column; } .flex-column-l { flex-direction: column; }
.flex-row-l { flex-direction: row; } .flex-row-l { flex-direction: row; }
.flex-wrap-l { flex-wrap: wrap; } .flex-wrap-l { flex-wrap: wrap; }
.flex-nowrap-l { flex-wrap: nowrap; }
.flex-wrap-reverse-l { flex-wrap: wrap-reverse; }
.flex-column-reverse-l { flex-direction: column-reverse; } .flex-column-reverse-l { flex-direction: column-reverse; }
.flex-row-reverse-l { flex-direction: row-reverse; } .flex-row-reverse-l { flex-direction: row-reverse; }
.flex-wrap-reverse-l { flex-wrap: wrap-reverse; } .flex-wrap-reverse-l { flex-wrap: wrap-reverse; }