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

Add more constrain helpers, and remove responsive versions.

Browse source
This commit is contained in:
Jonathan Reinink 2017-08-01 14:18:53 -04:00
parent ce2518affb
commit 568abc820d
1 changed files with 9 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/utilities/constrain.less
View file

@ -1,15 +1,9 @@
.constrain-xs { max-width: 22rem; flex-basis: 22rem; }
.constrain-sm { max-width: 26rem; flex-basis: 26rem; }
.constrain-md { max-width: 32rem; flex-basis: 32rem; }
.constrain-lg { max-width: 40rem; flex-basis: 40rem; }
.constrain-xl { max-width: 48rem; flex-basis: 48rem; }
.constrain-xxl { max-width: 52rem; flex-basis: 52rem; }
.responsive({
&constrain-xs { .constrain-xs; }
&constrain-sm { .constrain-sm; }
&constrain-md { .constrain-md; }
&constrain-lg { .constrain-lg; }
&constrain-xl { .constrain-xl; }
&constrain-xxl { .constrain-xxl; }
});
.constrain-xs { max-width: 20rem; flex-basis: 20rem; }
.constrain-sm { max-width: 30rem; flex-basis: 30rem; }
.constrain-md { max-width: 40rem; flex-basis: 40rem; }
.constrain-lg { max-width: 50rem; flex-basis: 50rem; }
.constrain-xl { max-width: 60rem; flex-basis: 60rem; }
.constrain-2xl { max-width: 70rem; flex-basis: 70rem; }
.constrain-3xl { max-width: 80rem; flex-basis: 80rem; }
.constrain-4xl { max-width: 90rem; flex-basis: 90rem; }
.constrain-5xl { max-width: 100rem; flex-basis: 100rem; }