{: versionI"3.2.19 (Media Mark):EF:shaI"-aef270197bca7deeffa1b61b5d5558b4238990ef;F: contents"-!o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"N/* Media query helpers. These make producing IE layouts * super easy. */:ET: @type: silent;[: @linei: @options{o; ;[I"/* The base css you write should be for mobile. You can * then add desktop styles on top. * * Usage: * * div.columns { * border: 1px solid; * * @include media(desktop){ * width: 30%; * float: left; * } * @include ie-lte(8) { * something to fix visual bugs in old IE * } * @include ie(6) { * padding: 0; * } * } */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI" is-ie; T: @expro:Sass::Script::Bool;F; i; @ : @guardedI" !default; T;[; i; @ o; ;I"mobile-ie6; T;o;;T; i; @ ;I" !default; T;[; i; @ o:Sass::Tree::DirectiveNode ;[I"@-ms-viewport; T;[o:Sass::Tree::PropNode ;[I" width; T;o:Sass::Script::String;I"device-width; T; :identifier; @ : @tabsi:@prop_syntax:new;[; i"; @ ; i!:@has_childrenT; @ o; ;[I"@-o-viewport; T;[o; ;[I" width; T;o;;I"device-width; T; ;; @ ;i;;;[; i&; @ ; i%;T; @ o:Sass::Tree::MixinDefNode ;I" media; T: @args[ [o:Sass::Script::Variable;I" size; T:@underscored_nameI" size; T; @ o;;F; i); @ [o;;I"max-width; T;I"max_width; T; @ o;;F; i); @ [o;;I"min-width; T;I"min_width; T; @ o;;F; i); @ [o;;I"ignore-for-ie; T;I"ignore_for_ie; T; @ o;;F; i); @ : @splat0;[u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" is-ie:ET:@underscored_nameI" is_ie; T: @linei*: @options{:@operand2o; ;o; ;I"ignore-for-ie; T; I"ignore_for_ie; T; i*; @ ; o:Sass::Script::Bool: @valueF; i*; @ :@operator:eq; i*; @ ;:and; i*; @ u:Sass::Tree::IfNode* [00[u:Sass::Tree::IfNode [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" size:ET:@underscored_nameI" size; T: @linei1: @options{:@operand2o:Sass::Script::String : @valueI" desktop; T: @type:identifier; i1; @ :@operator:eq; i1; @ u:Sass::Tree::IfNode [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" size:ET:@underscored_nameI" size; T: @linei5: @options{:@operand2o:Sass::Script::String : @valueI" tablet; T: @type:identifier; i5; @ :@operator:eq; i5; @ u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" size:ET:@underscored_nameI" size; T: @linei9: @options{:@operand2o:Sass::Script::String : @valueI" mobile; T: @type:identifier; i9; @ :@operator:eq; i9; @ u:Sass::Tree::IfNode[[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"max-width:ET:@underscored_nameI"max_width; T: @linei=: @options{:@operand2o:Sass::Script::Bool: @valueF; i=; @ :@operator:neq; i=; @ u:Sass::Tree::IfNodeT[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"min-width:ET:@underscored_nameI"min_width; T: @lineiA: @options{:@operand2o:Sass::Script::Bool: @valueF; iA; @ :@operator:neq; iA; @ u:Sass::Tree::IfNodeM[00[o:Sass::Tree::MediaNode : @query[ I"(:ETo:Sass::Script::String : @valueI"min-width;T: @type:identifier: @lineiF: @options{I": ;To:Sass::Script::Variable : @nameI" size;T:@underscored_nameI" size;T; iF; @ I");T: @tabsi; I";T:@children[o:Sass::Tree::ContentNode;[; iH; @ ; iF:@has_childrenT; @ [o:Sass::Tree::MediaNode : @query[ I"(; To:Sass::Script::String ;I"min-width; T: @type:identifier; iB; @ I": ; To; ;I"min-width; T; I"min_width; T; iB; @ I"); T: @tabsi;I"; T:@children[o:Sass::Tree::ContentNode;[; iC; @ ; iB:@has_childrenT; @ [o:Sass::Tree::MediaNode : @query[ I"(; To:Sass::Script::String ;I"max-width; T: @type:identifier; i>; @ I": ; To; ;I"max-width; T; I"max_width; T; i>; @ I"); T: @tabsi;I"; T:@children[o:Sass::Tree::ContentNode;[; i?; @ ; i>:@has_childrenT; @ [o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"max-width; T;;; i:; @ I": ; To:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i::@originalI" 640px; F; @ I"); T: @tabsi;I"; T:@children[o:Sass::Tree::ContentNode;[; i;; @ ; i::@has_childrenT; @ [o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T;;; i6; @ I": ; To:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i6:@originalI" 641px; F; @ I"); T: @tabsi;I"; T:@children[o:Sass::Tree::ContentNode;[; i7; @ ; i6:@has_childrenT; @ [o:Sass::Tree::MediaNode : @query[ I"(; To; ;I"min-width; T;;; i2; @ I": ; To:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i2:@originalI" 769px; F; @ I"); T: @tabsi;I"; T:@children[o:Sass::Tree::ContentNode;[; i3; @ ; i2:@has_childrenT; @ [u;`[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" size:ET:@underscored_nameI" size; T: @linei+: @options{:@operand2o:Sass::Script::String : @valueI" mobile; T: @type:identifier; i+; @ :@operator:neq; i+; @ 0[u:Sass::Tree::IfNodeP[o:Sass::Script::Operation :@operand1o; ;o; ;o:Sass::Script::Variable : @nameI"ie-version:ET:@underscored_nameI"ie_version; T: @linei,: @options{:@operand2o:Sass::Script::Number : @valuei :@numerator_units[:@denominator_units[; i,:@originalI"6; F; @ :@operator:eq; i,; @ ; o; ;o; ;I"mobile-ie6; T; I"mobile_ie6; T; i,; @ ; o:Sass::Script::Bool;F; i,; @ ;;; i,; @ ;:and; i,; @ ; o; ;o; ;I"ie-version; T; I"ie_version; T; i,; @ ; o; ;i ;[;@; i,;I"6; F; @ ;:gt; i,; @ ;:or; i,; @ 0[o:Sass::Tree::ContentNode:@children[; i-; @ ; i);T; @ o; ;I" ie-lte; T;[[o;;I" version; T;I" version; T; @ 0;0;[u; [o:Sass::Script::Variable : @nameI" is-ie:ET:@underscored_nameI" is_ie;T: @lineiN: @options{0[u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"ie-version:ET:@underscored_nameI"ie_version; T: @lineiO: @options{:@operand2o; ;I" version; T; I" version; T; iO; @ :@operator:lte; iO; @ 0[o:Sass::Tree::ContentNode:@children[; iP; @ ; iM;T; @ o; ;I"ie; T;[[o;;I" version; T;I" version; T; @ 0;0;[u; [o:Sass::Script::Variable : @nameI" is-ie:ET:@underscored_nameI" is_ie;T: @lineiU: @options{0[u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"ie-version:ET:@underscored_nameI"ie_version; T: @lineiV: @options{:@operand2o; ;I" version; T; I" version; T; iV; @ :@operator:eq; iV; @ 0[o:Sass::Tree::ContentNode:@children[; iW; @ ; iT;T; @ :@templateI"b// Media query helpers. These make producing IE layouts // super easy. // The base css you write should be for mobile. You can // then add desktop styles on top. // // Usage: // // div.columns { // border: 1px solid; // // @include media(desktop){ // width: 30%; // float: left; // } // @include ie-lte(8) { // something to fix visual bugs in old IE // } // @include ie(6) { // padding: 0; // } // } $is-ie: false !default; $mobile-ie6: true !default; @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @mixin media($size: false, $max-width: false, $min-width: false, $ignore-for-ie: false) { @if $is-ie and ($ignore-for-ie == false) { @if $size != mobile { @if ($ie-version == 6 and $mobile-ie6 == false) or $ie-version > 6 { @content; } } } @else { @if $size == desktop { @media (min-width: 769px){ @content; } } @else if $size == tablet { @media (min-width: 641px){ @content; } } @else if $size == mobile { @media (max-width: 640px){ @content; } } @else if $max-width != false { @media (max-width: $max-width){ @content; } } @else if $min-width != false { @media (min-width: $min-width){ @content; } } @else { @media (min-width: $size){ @content } } } } @mixin ie-lte($version) { @if $is-ie { @if $ie-version <= $version { @content; } } } @mixin ie($version) { @if $is-ie { @if $ie-version == $version { @content; } } } ; T; i;T; @