{: versionI"3.4.13 (Selective Steve):EF:shaI"-04ec6d27b512548c1cde5a0984d67e6cf73aa8f5;F: contents"&o:Sass::Tree::RootNode :@children[o:Sass::Tree::CharsetNode : @nameI" UTF-8:ET;[: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso;; i;i: @fileI"t/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets/functions/_new-breakpoint.scss; T:@importero:Sass::Rails::SassImporter: @rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets; F:@real_rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets; F:@same_name_warningso:Set: @hash{: @options{o:Sass::Tree::CommentNode : @value[I"s/*/ Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat. */ */ @param {List} $query */ A list of media query features and values. Each `$feature` should have a corresponding `$value`. */ */ If there is only a single `$value` in `$query`, `$default-feature` is going to be used. */ */ The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1). */ */ @param {Number (unitless)} $total-columns [$grid-columns] */ - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter. */ */ @example scss - Usage */ $mobile: new-breakpoint(max-width 480px 4); */ */ .element { */ @include media($mobile) { */ @include span-columns(4); */ } */ } */ */ @example css - CSS Output */ @media screen and (max-width: 480px) { */ .element { */ display: block; */ float: left; */ margin-right: 7.42297%; */ width: 100%; */ } */ .element:last-child { */ margin-right: 0; */ } */ } */; T: @type: silent;[; i;@o:Sass::Tree::FunctionNode ;I"new-breakpoint; T: @args[[o:!Sass::Script::Tree::Variable ;I" query; T:@underscored_nameI" query; T; i*; o; ; o;; i*;i;o;; i*;i%;@ ;@:@filename@ ;@o:$Sass::Script::Tree::ListLiteral :@elements[o; ;I" feature; T;!I" feature; T; i*; o; ; o;; i*;i';o;; i*;i/;@ ;@;"@ ;@o; ;I" value; T;!I" value; T; i*; o; ; o;; i*;i0;o;; i*;i6;@ ;@;"@ ;@o; ;I" columns; T;!I" columns; T; i*; o; ; o;; i*;i7;o;; i*;i?;@ ;@;"@ ;@:@separator: space; i*; o; ; o;; i*;i&;o;; i*;i?;@ ;@;"@ ;@[o; ;I"total-columns; T;!I"total_columns; T; i*; o; ; o;; i*;iA;o;; i*;iO;@ ;@;"@ ;@o; ;I"grid-columns; T;!I"grid_columns; T; i*; o; ; o;; i*;iQ;o;; i*;i^;@ ;@;"@ ;@: @splat0;[u:Sass::Tree::IfNode [o:"Sass::Script::Tree::Operation :@operand1o: Sass::Script::Tree::Funcall: @nameI" length:ET: @args[o:!Sass::Script::Tree::Variable ;I" query; T:@underscored_nameI" query; T: @linei+:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i+: @offseti: @end_poso;; i+;i: @fileI"t/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets/functions/_new-breakpoint.scss; T:@importero:Sass::Rails::SassImporter: @rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets; F:@real_rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets; F:@same_name_warningso:Set: @hash{:@filename@: @options{:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i+;o; ;o;; i+;i ;o;; i+;i;@;@;@;@:@operand2o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::Number ;&i:@numerator_units[:@denominator_units[:@originalI"1; F;@; i+;o; ;o;; i+;i;o;; i+;i;@;@;@:@operator:eq; i+;o; ;@;o;; i+;i ;@;@;@;@u:Sass::Tree::IfNodeA[o: Sass::Script::Tree::Funcall: @nameI" is-even:ET: @args[o;;I" length;T;[o:!Sass::Script::Tree::Variable ;I" query;T:@underscored_nameI" query;T: @linei-:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i-: @offseti": @end_poso;; i-;i(: @fileI"t/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets/functions/_new-breakpoint.scss;T:@importero:Sass::Rails::SassImporter: @rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets;F:@real_rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets;F:@same_name_warningso:Set: @hash{:@filename@: @options{:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i-; o; ;o;; i-;i;o;; i-;i);@;@;@;@;o;;{;{; 0;!0; i-; o; ;o;; i-;i;o;; i-;i*;@;@;@;@0[o:Sass::Tree::VariableNode ;I" query;T: @expro;;I" append;T;[o; ;I" query;T; I" query;T; i.; o; ;o;; i.;i;o;; i.;i;@;@;@;@o; ;I"total-columns;T; I"total_columns;T; i.; o; ;o;; i.;i!;o;; i.;i/;@;@;@;@;o;;{;{; 0;!0; i.; o; ;o;; i.;i;o;; i.;i0;@;@;@;@: @guarded0: @global0:@children[; i.; o; ;o;; i.;i ;o;; i.;i0;@;@;@[o:Sass::Tree::VariableNode ;I" query; T: @expro:$Sass::Script::Tree::ListLiteral :@elements[o; ;I"default-feature; T; I"default_feature; T; i,;o; ;o;; i,;i;o;; i,;i";@;@;@;@o;;I"nth; T; [o; ;I" query; T; I" query; T; i,;o; ;o;; i,;i';o;; i,;i-;@;@;@;@o;% ;&o;' ;&i;([;)@ ;*I"1; F;@; i,;o; ;o;; i,;i/;o;; i,;i0;@;@;@;o;; {;!{;"0;#0; i,;o; ;o;; i,;i#;o;; i,;i1;@;@;@;@o; ;I"total-columns; T; I"total_columns; T; i,;o; ;o;; i,;i2;o;; i,;i@;@;@;@;@:@separator: space; i,;o; ;o;; i,;i;o;; i,;i@;@;@;@;@: @guarded0: @global0:@children[; i,;o; ;o;; i,;i ;o;; i,;i@;@;@;@u;([o: Sass::Script::Tree::Funcall: @nameI" is-not:ET: @args[o;;I"belongs-to;T;[o:!Sass::Script::Tree::Variable ;I" query;T:@underscored_nameI" query;T: @linei1:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i1: @offseti: @end_poso;; i1;i$: @fileI"t/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets/functions/_new-breakpoint.scss;T:@importero:Sass::Rails::SassImporter: @rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets;F:@real_rootI"U/home/vicente/.rvm/gems/ruby-2.2.0@psique/gems/neat-1.7.2/app/assets/stylesheets;F:@same_name_warningso:Set: @hash{:@filename@: @options{o; ;I"visual-grid-breakpoints;T; I"visual_grid_breakpoints;T; i1; o; ;o;; i1;i&;o;; i1;i>;@;@;@;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i1; o; ;o;; i1;i;o;; i1;i?;@;@;@;@;o;;{;{; 0;!0; i1; o; ;o;; i1;i ;o;; i1;i@;@;@;@;@0[o:Sass::Tree::VariableNode ;I"visual-grid-breakpoints;T: @expro;;I" append;T;[o; ;I"visual-grid-breakpoints;T; I"visual_grid_breakpoints;T; i2; o; ;o;; i2;i+;o;; i2;iC;@;@;@;@o; ;I" query;T; I" query;T; i2; o; ;o;; i2;iE;o;; i2;iK;@;@;@;@o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::String;%I" comma;T: @type:identifier;@; i2; o; ;o;; i2;iM;o;; i2;iR;@;@;@;o;;{;{; 0;!0; i2; o; ;o;; i2;i$;o;; i2;iS;@;@;@;@: @guarded0: @globalT:@children[; i2; o; ;o;; i2;i ;o;; i2;i[;@;@;@o:Sass::Tree::ReturnNode : @expro; ;I" query; T;!I" query; T; i5; o; ; o;; i5;i;o;; i5;i;@ ;@;"@ ;@;[; i5; o; ; o;; i5;i;o;; i5;i;@ ;@;@; i*; o; ; o;; i*;i;o;; i*;i`;@ ;@:@has_childrenT;@:@templateI">@charset "UTF-8"; /// Returns a media context (media query / grid context) that can be stored in a variable and passed to `media()` as a single-keyword argument. Media contexts defined using `new-breakpoint` are used by the visual grid, as long as they are defined before importing Neat. /// /// @param {List} $query /// A list of media query features and values. Each `$feature` should have a corresponding `$value`. /// /// If there is only a single `$value` in `$query`, `$default-feature` is going to be used. /// /// The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`). For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1). /// /// @param {Number (unitless)} $total-columns [$grid-columns] /// - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter. /// /// @example scss - Usage /// $mobile: new-breakpoint(max-width 480px 4); /// /// .element { /// @include media($mobile) { /// @include span-columns(4); /// } /// } /// /// @example css - CSS Output /// @media screen and (max-width: 480px) { /// .element { /// display: block; /// float: left; /// margin-right: 7.42297%; /// width: 100%; /// } /// .element:last-child { /// margin-right: 0; /// } /// } @function new-breakpoint($query: $feature $value $columns, $total-columns: $grid-columns) { @if length($query) == 1 { $query: $default-feature nth($query, 1) $total-columns; } @else if is-even(length($query)) { $query: append($query, $total-columns); } @if is-not(belongs-to($query, $visual-grid-breakpoints)) { $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global; } @return $query; } ; T; i; o; ; o;; i;i;o;; i;i;@ ;@;+T;@