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

Remove flex basis and flex grow utilities.

Browse source
This commit is contained in:
Jonathan Reinink 2017-08-02 12:34:42 -04:00
parent c6ff4161b8
commit f385d91e1b
1 changed files with 28 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

83
src/utilities/flex.less
View file

@ -50,7 +50,6 @@
justify-content: space-around;
}
.flex-grow { flex-grow: 1; }
.flex-fill { max-width: 100%; flex: 1; }
.flex-no-shrink { flex-shrink: 0; }
.flex-inline { display: inline-flex; }
@ -71,59 +70,33 @@
.flex-11 { flex: 11; }
.flex-12 { flex: 12; }
.flex-basis-1 { flex-basis: 100% * (1/12); }
.flex-basis-2 { flex-basis: 100% * (2/12); }
.flex-basis-3 { flex-basis: 100% * (3/12); }
.flex-basis-4 { flex-basis: 100% * (4/12); }
.flex-basis-5 { flex-basis: 100% * (5/12); }
.flex-basis-6 { flex-basis: 100% * (6/12); }
.flex-basis-7 { flex-basis: 100% * (7/12); }
.flex-basis-8 { flex-basis: 100% * (8/12); }
.flex-basis-9 { flex-basis: 100% * (9/12); }
.flex-basis-10 { flex-basis: 100% * (10/12); }
.flex-basis-11 { flex-basis: 100% * (11/12); }
.flex-basis-12 { flex-basis: 100% * (12/12); }
.responsive({
&flex { .flex; }
&flex-top { .flex-top; }
&flex-col { .flex-col; }
&flex-center { .flex-center; }
&flex-x-center { .flex-x-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-grow { .flex-grow; }
&flex-fill { .flex-fill; }
&flex-no-shrink { .flex-no-shrink; }
&flex-inline { .flex-inline; }
&flex-reverse { .flex-reverse; }
&flex-wrap { .flex-wrap; }
&flex-1 { .flex-1; }
&flex-2 { .flex-2; }
&flex-3 { .flex-3; }
&flex-4 { .flex-4; }
&flex-5 { .flex-5; }
&flex-6 { .flex-6; }
&flex-7 { .flex-7; }
&flex-8 { .flex-8; }
&flex-9 { .flex-9; }
&flex-10 { .flex-10; }
&flex-11 { .flex-11; }
&flex-12 { .flex-12; }
&flex-basis-1 { .flex-basis-1; }
&flex-basis-2 { .flex-basis-2; }
&flex-basis-3 { .flex-basis-3; }
&flex-basis-4 { .flex-basis-4; }
&flex-basis-5 { .flex-basis-5; }
&flex-basis-6 { .flex-basis-6; }
&flex-basis-7 { .flex-basis-7; }
&flex-basis-8 { .flex-basis-8; }
&flex-basis-9 { .flex-basis-9; }
&flex-basis-10 { .flex-basis-10; }
&flex-basis-11 { .flex-basis-11; }
&flex-basis-12 { .flex-basis-12; }
&flex { .flex; }
&flex-top { .flex-top; }
&flex-col { .flex-col; }
&flex-center { .flex-center; }
&flex-x-center { .flex-x-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; }
&flex-1 { .flex-1; }
&flex-2 { .flex-2; }
&flex-3 { .flex-3; }
&flex-4 { .flex-4; }
&flex-5 { .flex-5; }
&flex-6 { .flex-6; }
&flex-7 { .flex-7; }
&flex-8 { .flex-8; }
&flex-9 { .flex-9; }
&flex-10 { .flex-10; }
&flex-11 { .flex-11; }
&flex-12 { .flex-12; }
});