wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Merge pull request #36 from adamwathan/flexbox_improvements

Browse source 
Work-in-progress improvements to flex utilities
This commit is contained in:
Jonathan Reinink 2017-08-02 12:53:16 -04:00 • committed by GitHub
commit 39eb30ce72
1 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/utilities/flex.less
View file

@ -4,6 +4,7 @@
.flex-col {
display: flex;
flex-direction: column;
.flex-reverse {
flex-direction: column-reverse;
}
@ -50,3 +51,21 @@
.flex-reverse { flex-direction: row-reverse; }
.flex-wrap { flex-wrap: wrap; }
.responsive({
&flex { .flex; }
&flex-top { .flex-top; }
&flex-col { .flex-col; }
&flex-center { .flex-center; }
&flex-y-center { .flex-y-center; }
&flex-y-end { .flex-y-end; }
&flex-y-baseline { .flex-y-baseline; }
&flex-right { .flex-right; }
&flex-spaced { .flex-spaced; }
&flex-around { .flex-around; }
&flex-fill { .flex-fill; }
&flex-no-shrink { .flex-no-shrink; }
&flex-inline { .flex-inline; }
&flex-reverse { .flex-reverse; }
&flex-wrap { .flex-wrap; }
});