// Converted Variables

// Custom Media Query Variables

/*

MAX WIDTHS
Docs: http://tachyons.io/docs/layout/max-widths/

Base:
  mw = max-width

Modifiers
  1 = 1st step in width scale
  2 = 2nd step in width scale
  3 = 3rd step in width scale
  4 = 4th step in width scale
  5 = 5th step in width scale
  6 = 6st step in width scale
  7 = 7nd step in width scale
  8 = 8rd step in width scale
  9 = 9th step in width scale

  -100 = literal value 100%

  -none  = string value none

Media Query Extensions:
  -ns = not-small
  -m  = medium
  -l  = large

*/

/* Max Width Percentages */

.mw-100 { max-width: 100%; }

/* Max Width Scale */

.mw1 { max-width: $max-width-1; } .mw2 { max-width: $max-width-2; } .mw3 { max-width: $max-width-3; } .mw4 { max-width: $max-width-4; } .mw5 { max-width: $max-width-5; } .mw6 { max-width: $max-width-6; } .mw7 { max-width: $max-width-7; } .mw8 { max-width: $max-width-8; } .mw9 { max-width: $max-width-9; }

/* Max Width String Properties */

.mw-none { max-width: none; }

@media #{$breakpoint-not-small} {

.mw-100-ns  { max-width: 100%; }

.mw1-ns  {  max-width: $max-width-1; }
.mw2-ns  {  max-width: $max-width-2; }
.mw3-ns  {  max-width: $max-width-3; }
.mw4-ns  {  max-width: $max-width-4; }
.mw5-ns  {  max-width: $max-width-5; }
.mw6-ns  {  max-width: $max-width-6; }
.mw7-ns  {  max-width: $max-width-7; }
.mw8-ns  {  max-width: $max-width-8; }
.mw9-ns  {  max-width: $max-width-9; }

.mw-none-ns { max-width: none; }

}

@media #{$breakpoint-medium} {

.mw-100-m  { max-width: 100%; }

.mw1-m  {  max-width: $max-width-1; }
.mw2-m  {  max-width: $max-width-2; }
.mw3-m  {  max-width: $max-width-3; }
.mw4-m  {  max-width: $max-width-4; }
.mw5-m  {  max-width: $max-width-5; }
.mw6-m  {  max-width: $max-width-6; }
.mw7-m  {  max-width: $max-width-7; }
.mw8-m  {  max-width: $max-width-8; }
.mw9-m  {  max-width: $max-width-9; }

.mw-none-m { max-width: none; }

}

@media #{$breakpoint-large} {

.mw-100-l  { max-width: 100%; }

.mw1-l  {  max-width: $max-width-1; }
.mw2-l  {  max-width: $max-width-2; }
.mw3-l  {  max-width: $max-width-3; }
.mw4-l  {  max-width: $max-width-4; }
.mw5-l  {  max-width: $max-width-5; }
.mw6-l  {  max-width: $max-width-6; }
.mw7-l  {  max-width: $max-width-7; }
.mw8-l  {  max-width: $max-width-8; }
.mw9-l  {  max-width: $max-width-9; }

.mw-none-l { max-width: none; }

}