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

Add constrain variables.

Browse source
This commit is contained in:
Jonathan Reinink 2017-08-01 15:03:12 -04:00
parent b0717cfd71
commit 6cfa02606a
1 changed files with 19 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/utilities/constrain.less
View file

@ -1,12 +1,22 @@
.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; }
@constrain-xs: 20rem;
@constrain-sm: 30rem;
@constrain-md: 40rem;
@constrain-lg: 50rem;
@constrain-xl: 60rem;
@constrain-2xl: 70rem;
@constrain-3xl: 80rem;
@constrain-4xl: 90rem;
@constrain-5xl: 100rem;
.constrain-xs { max-width: @constrain-xs; flex-basis: @constrain-xs; }
.constrain-sm { max-width: @constrain-sm; flex-basis: @constrain-sm; }
.constrain-md { max-width: @constrain-md; flex-basis: @constrain-md; }
.constrain-lg { max-width: @constrain-lg; flex-basis: @constrain-lg; }
.constrain-xl { max-width: @constrain-xl; flex-basis: @constrain-xl; }
.constrain-2xl { max-width: @constrain-2xl; flex-basis: @constrain-2xl; }
.constrain-3xl { max-width: @constrain-3xl; flex-basis: @constrain-3xl; }
.constrain-4xl { max-width: @constrain-4xl; flex-basis: @constrain-4xl; }
.constrain-5xl { max-width: @constrain-5xl; flex-basis: @constrain-5xl; }
.responsive({
&constrain-xs { .constrain-xs; }