3.3.0.alpha.3 (Bleeding Edge) 78491894992febebfe89efd05a96e47a991a9ec3 o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"iugu-ux/core:ET;[:@template0: @linei:@filenameI"^/Users/patricknegri/Desenvolvimento/iugu-ux/sandbox/app/assets/stylesheets/mq-styles.sass; F: @options{o; ;I"'compass/utilities/general/clearfix; T;[; 0; i; @ ; @ o; ;I"default-sprites; T;[; 0; i; @ ; @ o:Sass::Tree::RuleNode : @rule[I" .mqc; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"mqc; T; i ; @ : @subject0: @sourceso:Set: @hash{; i ; @ ; i ; @ ;[o:Sass::Tree::PropNode ;[I"background; T: @valueo:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i ; @ ;i:@prop_syntax:new;[; i ; @ ; @ o; ;[I" padding; T;o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i :@originalI" 20px; F; @ ;i;$;%;[; i ; @ ; @ o; ;[I".my_mq_button; T;i;o;;[o;;[o; ;[o;;[I"my_mq_button; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o:Sass::Tree::MixinNode ;I"find-sprite; T: @args[o:Sass::Script::Variable ;I" assets; T:@underscored_nameI" assets; T; i; @ o:Sass::Script::String ;I"letsyell-logo; T: @type: string; i; @ :@keywords{: @splat0;[; i; @ ; @ ; i; @ :@has_childrenT; @ ; i ; @ ;3T; @ o:Sass::Tree::MixinDefNode ;I"get-image; T;+[;20;[o; ;[I"background; T;o; ;0;{ ; i;!i;"i;#i; i; @ ;i;$;%;[; i; @ ; @ ; i; @ ;3T; @ o;*;I"for-small-screens; T;+[;1{;20;[o; ;[I" .mqc; T;i;o;;[o;;[o; ;[o;;[I"mqc; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I".my_mq_button; T;i;o;;[o;;[o; ;[o;;[I"my_mq_button; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" border; T;o:Sass::Script::List ;[o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o;. ;I" solid; T;/:identifier; i; @ o; ;0;{ ; i;!i;"i;#i; i; @ :@separator: space; i; @ ;i;$;%;[; i; @ ; @ o;* ;I"find-sprite; T;+[o;, ;I" assets; T;-I" assets; T; i; @ o;. ;I" arrow-up; T;/;0; i; @ ;1{;20;[; i; @ ; @ ; i; @ ;3T; @ ; i; @ ;3T; @ ; i; @ ;3T; @ o;*;I" for-hd; T;+[;1{;20;[o; ;[I" .mqc; T;i;o;;[o;;[o; ;[o;;[I"mqc; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I".my_mq_button; T;i;o;;[o;;[o; ;[o;;[I"my_mq_button; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" border; T;o;5 ;[o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o;. ;I" solid; T;/;6; i; @ o; ;0;{ ; i;!i;"i;#i; i; @ ;7;8; i; @ ;i;$;%;[; i; @ ; @ o;* ;I"find-sprite; T;+[o;, ;I"assets-hd; T;-I"assets_hd; T; i; @ o;. ;I"letsyell-logo; T;/;0; i; @ ;1{;20;[; i; @ ; @ ; i; @ ;3T; @ ; i; @ ;3T; @ ; i; @ ;3T; @ o; ;[I".component-grid; T;i;o;;[o;;[o; ;[o;;[I"component-grid; T; i!; @ ;0;o;;{; i!; @ ; i!; @ ;[o; ;[I".component-item; T;i;o;;[o;;[o; ;[o;;[I"component-item; T; i"; @ ;0;o;;{; i"; @ ; i"; @ ;[o; ;[I" width; T;o;& ;i;'[I"px; T;([; i#;)I" 440px; F; @ ;i;$;%;[; i#; @ ; @ ; i"; @ ;3T; @ o; ;[I".component-description; T;i;o;;[o;;[o; ;[o;;[I"component-description; T; i%; @ ;0;o;;{; i%; @ ; i%; @ ;[o; ;[I" width; T;o;& ;i;'[I"px; T;([; i&;)I" 400px; F; @ ;i;$;%;[; i&; @ ; @ ; i%; @ ;3T; @ ; i!; @ ;3T; @ o;*;I"for-small-screens; T;+[o;& ;i;'[I"px; T;([; i(;)I" 915px; F; @ ;1{;20;[o; ;[I" .nav; T;i;o;;[o;;[o; ;[o;;[I"nav; T; i); @ ;0;o;;{; i); @ ; i); @ ;[o; ;[I" .button; T;i;o;;[o;;[o; ;[o;;[I" button; T; i*; @ ;0;o;;{; i*; @ ; i*; @ ;[o; ;[I" width; T;o;& ;i7;'[I"%; T;([; i+;)I"50%; F; @ ;i;$;%;[; i+; @ ; @ ; i*; @ ;3T; @ ; i); @ ;3T; @ o; ;[I".component-grid; T;i;o;;[o;;[o; ;[o;;[I"component-grid; T; i,; @ ;0;o;;{; i,; @ ; i,; @ ;[ o; ;[I"margin-left; T;o;& ;i;'[I"px; T;([; i-;)I"0px; F; @ ;i;$;%;[; i-; @ ; @ o; ;[I"+.component-item,.component-description; T;i;o;;[o;;[o; ;[o;;[I"component-item; T; i.; @ ;0;o;;{; i.; @ o;;[o; ;[o;;[I"component-description; T; i.; @ ;0;o;;{; i.; @ ; i.; @ ;[ o; ;[I" width; T;o;& ;ii;'[I"%; T;([; i/;)I" 100%; F; @ ;i;$;%;[; i/; @ ; @ o;* ;I" box-mode; T;+[;1{;20;[; i0; @ ; @ o; ;[I" margin; T;o;& ;i;'[I"px; T;([; i1;)I"0px; F; @ ;i;$;%;[; i1; @ ; @ o; ;[I"margin-bottom; T;o;, ;I"baseLineSpacing; T;-I"baseLineSpacing; T; i2; @ ;i;$;%;[; i2; @ ; @ o; ;[I" float; T;o;. ;I" none; T;/;6; i3; @ ;i;$;%;[; i3; @ ; @ ; i.; @ ;3T; @ o; ;[I".component-description; T;i;o;;[o;;[o; ;[o;;[I"component-description; T; i4; @ ;0;o;;{; i4; @ ; i4; @ ;[o; ;[I"margin-bottom; T;o;& ;i;'[I"px; T;([; i5;)I"0px; F; @ ;i;$;%;[; i5; @ ; @ ; i4; @ ;3T; @ o; ;[I".container; T;i;o;;[o;;[o; ;[o;;[I"container; T; i6; @ ;0;o;;{; i6; @ ; i6; @ ;[o; ;[I"margin-bottom; T;o;, ;I"baseLineSpacing; T;-I"baseLineSpacing; T; i7; @ ;i;$;%;[; i7; @ ; @ ; i6; @ ;3T; @ ; i,; @ ;3T; @ ; i(; @ ;3T; @ ; I"@import "iugu-ux/core" @import "compass/utilities/general/clearfix" @import 'default-sprites' .mqc background: #CCC padding: 20px .my_mq_button +find-sprite( $assets, 'letsyell-logo' ) @mixin get-image() background: #F00 @include for-small-screens() .mqc .my_mq_button border: 1px solid #000 +find-sprite( $assets, 'arrow-up' ) @include for-hd() .mqc .my_mq_button border: 1px solid #F00 +find-sprite( $assets-hd, 'letsyell-logo' ) .component-grid .component-item width: 440px .component-description width: 400px @include for-small-screens(915px) .nav .button width: 50% .component-grid margin-left: 0px .component-item,.component-description width: 100% @include box-mode margin: 0px margin-bottom: $baseLineSpacing float: none .component-description margin-bottom: 0px .container margin-bottom: $baseLineSpacing ; T;3T; @