3.3.0.alpha.3 (Bleeding Edge) 78ad0cdb3c54075f485c92fbd39fb58cadf71cf4 o:Sass::Tree::RootNode :@children[$o:Sass::Tree::ImportNode :@imported_filenameI"iugu-ux/core:ET;[:@template0: @linei:@filenameI"Y/home/patrick/Desenvolvimento/iugu-ux/sandbox/app/assets/stylesheets/experiment.sass; F: @options{o; ;I"'compass/utilities/general/clearfix; T;[; 0; i; @ ; @ o:Sass::Tree::CommentNode : @value[ I" // CINZA; FI" ; FI"'// $background_base_color: #ECECEC; FI" ; FI"// $base_ui_color: #F1ECE7; F: @type: silent;[; i ; @ ; @ o:Sass::Tree::VariableNode : @nameI"background_base_color; T: @expro:Sass::Script::Color ;0: @attrs{ :rediA: greeni_: bluei{: alphai; i ; @ : @guarded0;[; i ; @ ; @ o; ;I"base_ui_color; T;o; ;0;{ ;iė;iė;iė;i; i ; @ ;0;[; i ; @ ; @ o; ;I"mobile_navigation_color; T;o; ;0;{ ;iB;iB;iB;i; i; @ ;0;[; i; @ ; @ o; ;I"header_ui_color; T;o; ;0;{ ;iW;i‚;iž;i; i; @ ;0;[; i; @ ; @ o; ;I"desktop_navigation_size; T;o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i:@originalI" 256px; F; @ ;0;[; i; @ ; @ o; ;I"mobile_navigation_size; T;o; ;i;[I"px; T;[; i;I" 256px; F; @ ;0;[; i; @ ; @ o; ;I"toolbar_height; T;o; ;i1;[I"px; T;[; i;I" 44px; F; @ ;0;[; i; @ ; @ o; ;[I"// Color Palette; F;;;[; i; @ ; @ o; ;I"background_highlight_color; T;o:Sass::Script::Funcall ;I" lighten; T: @args[o:Sass::Script::Variable ;I"background_base_color; T:@underscored_nameI"background_base_color; T; @ ; io; ;i;[;[; i;I"10; F; @ :@keywords{: @splat0; i; @ ;0;[; i; @ ; @ o; ;I"base_ui_color_lighten; T;o; ;I" lighten; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; io; ;i;[;@Q; i;I"10; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"base_ui_color_darken; T;o; ;I" darken; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; io; ;i;[;@Q; i;I"10; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"base_ui_color_highlight; T;o; ;I" lighten; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; io; ;i7;[;@Q; i;I"50; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"base_ui_color_shadow; T;o; ;I" darken; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; io; ;i7;[;@Q; i;I"50; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"secondary_ui_color; T;o; ;I" darken; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; io; ;i;[;@Q; i;I"3; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"secondary_ui_color_lighten; T;o; ;I" lighten; T;![o;" ;I"secondary_ui_color; T;#I"secondary_ui_color; T; @ ; io; ;i;[;@Q; i;I"10; F; @ ;${;%0; i; @ ;0;[; i; @ ; @ o; ;I"secondary_ui_color_darken; T;o; ;I" darken; T;![o;" ;I"secondary_ui_color; T;#I"secondary_ui_color; T; @ ; i o; ;i;[;@Q; i ;I"10; F; @ ;${;%0; i ; @ ;0;[; i ; @ ; @ o; ;I"!secondary_ui_color_highlight; T;o; ;I" lighten; T;![o;" ;I"secondary_ui_color; T;#I"secondary_ui_color; T; @ ; i!o; ;i7;[;@Q; i!;I"50; F; @ ;${;%0; i!; @ ;0;[; i!; @ ; @ o; ;I"secondary_ui_color_shadow; T;o; ;I" darken; T;![o;" ;I"secondary_ui_color; T;#I"secondary_ui_color; T; @ ; i"o; ;i7;[;@Q; i";I"50; F; @ ;${;%0; i"; @ ;0;[; i"; @ ; @ o; ;I"header_ui_color_lighten; T;o; ;I" lighten; T;![o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i$o; ;i;[;@Q; i$;I"10; F; @ ;${;%0; i$; @ ;0;[; i$; @ ; @ o; ;I"header_ui_color_darken; T;o; ;I" darken; T;![o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i%o; ;i;[;@Q; i%;I"10; F; @ ;${;%0; i%; @ ;0;[; i%; @ ; @ o; ;I"header_ui_color_highlight; T;o; ;I" lighten; T;![o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i&o; ;i7;[;@Q; i&;I"50; F; @ ;${;%0; i&; @ ;0;[; i&; @ ; @ o; ;I"header_ui_color_shadow; T;o; ;I" darken; T;![o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i'o; ;i7;[;@Q; i';I"50; F; @ ;${;%0; i'; @ ;0;[; i'; @ ; @ o:Sass::Tree::RuleNode : @rule[I"html,body,#app; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;+[o:#Sass::Selector::SimpleSequence ;+[o:Sass::Selector::Element ;[I" html; T:@namespace0; i); @ : @subject0: @sourceso:Set: @hash{; i); @ o;,;+[o;- ;+[o;. ;[I" body; T;/0; i); @ ;00;1o;2;3{; i); @ o;,;+[o;- ;+[o:Sass::Selector::Id;[I"app; T; i); @ ;00;1o;2;3{; i); @ ; i); @ ;[ o:Sass::Tree::PropNode ;[I" height; T;o; ;ii;[I"%; T;[; i*;I" 100%; F; @ ;(i:@prop_syntax:new;[; i*; @ ; @ o;5 ;[I" width; T;o; ;ii;[I"%; T;[; i+;I" 100%; F; @ ;(i;6;7;[; i+; @ ; @ o;5 ;[I" position; T;o:Sass::Script::String ;I" relative; T;:identifier; i,; @ ;(i;6;7;[; i,; @ ; @ o:Sass::Tree::MixinNode ;I"box-sizing; T;![o;8 ;I"border-box; T;;9; i-; @ ;${;%0;[; i-; @ ; @ ; i); @ :@has_childrenT; @ o;& ;'[I"html,body; T;(i;)o;*;+[o;,;+[o;- ;+[o;. ;[I" html; T;/0; i/; @ ;00;1o;2;3{; i/; @ o;,;+[o;- ;+[o;. ;[I" body; T;/0; i/; @ ;00;1o;2;3{; i/; @ ; i/; @ ;[o;5 ;[I" overflow; T;o;8 ;I" hidden; T;;9; i0; @ ;(i;6;7;[; i0; @ ; @ ; i/; @ ;;T; @ o;& ;'[I" body; T;(i;)o;*;+[o;,;+[o;- ;+[o;. ;[I" body; T;/0; i2; @ ;00;1o;2;3{; i2; @ ; i2; @ ;[o;5 ;[I"background; T;o;" ;I"background_base_color; T;#I"background_base_color; T; @ ; i3;(i;6;7;[; i3; @ ; @ ; i2; @ ;;T; @ o;& ;'[I" .ui-box; T;(i;)o;*;+[o;,;+[o;- ;+[o:Sass::Selector::Class;[I" ui-box; T; i5; @ ;00;1o;2;3{; i5; @ ; i5; @ ;[o;: ;I"pie-clearfix; T;![;${;%0;[; i6; @ ; @ o;5 ;[I"background; T;o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; i7;(i;6;7;[; i7; @ ; @ o;5 ;[I" width; T;o; ;ii;[I"%; T;[; i8;I" 100%; F; @ ;(i;6;7;[; i8; @ ; @ o;5 ;[I"margin-left; T;o;8 ;I" auto; T;;9; i9; @ ;(i;6;7;[; i9; @ ; @ o;5 ;[I"margin-right; T;o;8 ;I" auto; T;;9; i:; @ ;(i;6;7;[; i:; @ ; @ o;5 ;[I" position; T;o;8 ;I" relative; T;;9; i;; @ ;(i;6;7;[; i;; @ ; @ o;5 ;[I" color; T;o; ;0;{ ;ik;ik;ik;i; i<; @ ;(i;6;7;[; i<; @ ; @ o;5 ;[I" height; T;o; ;ii;[I"%; T;[; i=;I" 100%; F; @ ;(i;6;7;[; i=; @ ; @ o;: ;I"box-sizing; T;![o;8 ;I"border-box; T;;9; i>; @ ;${;%0;[; i>; @ ; @ o;5 ;[I"border-left; T;o:Sass::Script::List ;[o; ;i;[I"px; T;[; i?;I"1px; F; @ o;8 ;I" solid; T;;9; i?; @ o;" ;I"base_ui_color_highlight; T;#I"base_ui_color_highlight; T; @ ; i?:@separator: space; i?; @ ;(i;6;7;[; i?; @ ; @ o;5 ;[I"border-top; T;o;= ;[o; ;i;[I"px; T;[; i@;I"1px; F; @ o;8 ;I" solid; T;;9; i@; @ o;" ;I"base_ui_color_highlight; T;#I"base_ui_color_highlight; T; @ ; i@;>;?; i@; @ ;(i;6;7;[; i@; @ ; @ o;5 ;[I"border-right; T;o;= ;[o; ;i;[I"px; T;[; iA;I"1px; F; @ o;8 ;I" solid; T;;9; iA; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; iA;>;?; iA; @ ;(i;6;7;[; iA; @ ; @ o;5 ;[I"border-bottom; T;o;= ;[o; ;i;[I"px; T;[; iB;I"1px; F; @ o;8 ;I" solid; T;;9; iB; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; iB;>;?; iB; @ ;(i;6;7;[; iB; @ ; @ o;& ;'[I" .sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" sidebar; T; iD; @ ;00;1o;2;3{; iD; @ ; iD; @ ;[ o;5 ;[I" float; T;o;8 ;I" left; T;;9; iE; @ ;(i;6;7;[; iE; @ ; @ o;5 ;[I" width; T;o;" ;I"desktop_navigation_size; T;#I"desktop_navigation_size; T; @ ; iF;(i;6;7;[; iF; @ ; @ o;5 ;[I" height; T;o; ;ii;[I"%; T;[; iG;I" 100%; F; @ ;(i;6;7;[; iG; @ ; @ o;5 ;[I"background; T;o;" ;I"secondary_ui_color; T;#I"secondary_ui_color; T; @ ; iH;(i;6;7;[; iH; @ ; @ o;5 ;[I"border-right; T;o;= ;[o; ;i;[I"px; T;[; iI;I"1px; F; @ o;8 ;I" solid; T;;9; iI; @ o;" ;I"secondary_ui_color_darken; T;#I"secondary_ui_color_darken; T; @ ; iI;>;?; iI; @ ;(i;6;7;[; iI; @ ; @ o;5 ;[I" padding; T;o; ;i;[I"px; T;[; iJ;I" 20px; F; @ ;(i;6;7;[; iJ; @ ; @ o;: ;I"box-sizing; T;![o;8 ;I"border-box; T;;9; iK; @ ;${;%0;[; iK; @ ; @ o;5 ;[I" position; T;o;8 ;I" relative; T;;9; iL; @ ;(i;6;7;[; iL; @ ; @ ; iD; @ ;;T; @ o;& ;'[I" .content; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" content; T; iN; @ ;00;1o;2;3{; iN; @ ; iN; @ ;[ o;5 ;[I" height; T;o; ;ii;[I"%; T;[; iO;I" 100%; F; @ ;(i;6;7;[; iO; @ ; @ o;5 ;[I" position; T;o;8 ;I" relative; T;;9; iP; @ ;(i;6;7;[; iP; @ ; @ o;: ;I"background; T;![o;8 ;I"top; T;;9; iQ; @ o; ;I"linear-gradient; T;![o;= ;[o; ;I" lighten; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; iQo; ;i;[;@Q; iQ;I"3; F; @ ;${;%0; iQ; @ o; ;i1;[I"px; T;[; iQ;I" 44px; F; @ ;>;?; iQ; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; iQ;${;%0; iQ; @ ;${;%0;[; iQ; @ ; @ o;: ;I"box-sizing; T;![o;8 ;I"border-box; T;;9; iS; @ ;${;%0;[; iS; @ ; @ o;& ;'[I".small-navigation; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I"small-navigation; T; iT; @ ;00;1o;2;3{; iT; @ ; iT; @ ;[o;5 ;[I" display; T;o;8 ;I" none; T;;9; iU; @ ;(i;6;7;[; iU; @ ; @ ; iT; @ ;;T; @ o;& ;'[I"&.handle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o:Sass::Selector::Parent; iW; @ o;<;[I"handle-sidebar; T; iW; @ ;00;1o;2;3{; iW; @ ; iW; @ ;[o;5 ;[I"border-left; T;o;= ;[o; ;i;[I"px; T;[; iX;I"1px; F; @ o;8 ;I" solid; T;;9; iX; @ o;" ;I"secondary_ui_color_lighten; T;#I"secondary_ui_color_lighten; T; @ ; iX;>;?; iX; @ ;(i;6;7;[; iX; @ ; @ o;5 ;[I"margin-left; T;o;" ;I"desktop_navigation_size; T;#I"desktop_navigation_size; T; @ ; iY;(i;6;7;[; iY; @ ; @ ; iW; @ ;;T; @ ; iN; @ ;;T; @ ; i5; @ ;;T; @ o;:;I"for-large-screens; T;![;${;%0;[o;& ;'[I" body; T;(i;)o;*;+[o;,;+[o;- ;+[o;. ;[I" body; T;/0; i\; @ ;00;1o;2;3{; i\; @ ; i\; @ ;[o;5 ;[I" padding; T;o; ;i;[I"px; T;[; i];I" 20px; F; @ ;(i;6;7;[; i]; @ ; @ o;: ;I"background-image; T;![o; ;I"radial-gradient; T;![ o;= ;[o;8 ;I"top; T;;9; i^; @ o;8 ;I" center; T;;9; i^; @ ;>;?; i^; @ o;8 ;I" circle; T;;9; i^; @ o;= ;[o;" ;I"background_highlight_color; T;#I"background_highlight_color; T; @ ; i^o; ;i;[I"px; T;[; i^;I"0px; F; @ ;>;?; i^; @ o;= ;[o; ;I" rgba; T;![o;" ;I"background_highlight_color; T;#I"background_highlight_color; T; @ ; i^o; ;i;[;@Q; i^;I"0; F; @ ;${;%0; i^; @ o; ;i,;[I"px; T;[; i^;I" 300px; F; @ ;>;?; i^; @ ;${;%0; i^; @ o; ;I"linear-gradient; T;![o;8 ;I" bottom; T;;9; i^; @ o;= ;[o;" ;I"background_highlight_color; T;#I"background_highlight_color; T; @ ; i^o; ;i#;[I"%; T;[; i^;I"30%; F; @ ;>;?; i^; @ o;= ;[o;" ;I"background_base_color; T;#I"background_base_color; T; @ ; i^o; ;iK;[I"%; T;[; i^;I"70%; F; @ ;>;?; i^; @ ;${;%0; i^; @ ;${;%0;[; i^; @ ; @ ; i\; @ ;;T; @ o;& ;'[I" .ui-box; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" ui-box; T; i_; @ ;00;1o;2;3{; i_; @ ; i_; @ ;[ o;5 ;[I"max-width; T;o; ;iÔ;[I"px; T;[; i`;I" 980px; F; @ ;(i;6;7;[; i`; @ ; @ o;: ;I"box-shadow; T;![o;= ;[ o; ;I" rgba; T;![ o; ;i;[;@Q; ia;I"0; F; @ o; ;i;[;@Q; ia;I"0; F; @ o; ;i;[;@Q; ia;I"0; F; @ o; ;f0.54000000000000004áH;[;@Q; ia;I" 0.54; F; @ ;${;%0; ia; @ o; ;i;[I"px; T;[; ia;I"0px; F; @ o; ;i;[I"px; T;[; ia;I"0px; F; @ o; ;i;[I"px; T;[; ia;I"2px; F; @ ;>;?; ia; @ o;= ;[ o; ;I" rgba; T;![ o; ;i;[;@Q; ia;I"0; F; @ o; ;i;[;@Q; ia;I"0; F; @ o; ;i;[;@Q; ia;I"0; F; @ o; ;f 0.25;[;@Q; ia;I" 0.25; F; @ ;${;%0; ia; @ o; ;i;[I"px; T;[; ia;I"0px; F; @ o; ;i;[I"px; T;[; ia;I"0px; F; @ o; ;i;[I"px; T;[; ia;I" 20px; F; @ ;>;?; ia; @ ;${;%0;[; ia; @ ; @ o;5 ;[I" border; T;o;= ;[o;= ;[o; ;i;[I"px; T;[; ib;I"1px; F; @ o;8 ;I" solid; T;;9; ib; @ o; ;0;{ ;iĸ;i;i;i; ib; @ ;>;?; ib; @ o;= ;[o; ;i;[I"px; T;[; ib;I"2px; F; @ o;8 ;I" solid; T;;9; ib; @ o; ;0;{ ;i;iĸ;iĸ;i; ib; @ ;>;?; ib; @ ;>: comma; ib; @ ;(i;6;7;[; ib; @ ; @ o;: ;I"border-radius; T;![o; ;i ;[I"px; T;[; ic;I"4px; F; @ o; ;i ;[I"px; T;[; ic;I"4px; F; @ ;${;%0;[; ic; @ ; @ ; i_; @ ;;T; @ ; i[; @ ;;T; @ o;:;I"for-small-screens; T;![;${;%0;[ o;& ;'[I" body; T;(i;)o;*;+[o;,;+[o;- ;+[o;. ;[I" body; T;/0; if; @ ;00;1o;2;3{; if; @ ; if; @ ;[o;5 ;[I"background; T;o;" ;I"mobile_navigation_color; T;#I"mobile_navigation_color; T; @ ; ig;(i;6;7;[; ig; @ ; @ ; if; @ ;;T; @ o;& ;'[I" .mobile; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" mobile; T; ii; @ ;00;1o;2;3{; ii; @ ; ii; @ ;[o;& ;'[I" .ui-box; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" ui-box; T; ij; @ ;00;1o;2;3{; ij; @ ; ij; @ ;[o;& ;'[I".content.handle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" content; T; ik; @ o;<;[I"handle-sidebar; T; ik; @ ;00;1o;2;3{; ik; @ ; ik; @ ;[o;: ;I"translate3d; T;![o; ;i;[;@Q; il;I"0; F; @ o; ;i;[;@Q; il;I"0; F; @ o; ;i;[;@Q; il;I"0; F; @ ;${;%0;[; il; @ ; @ ; ik; @ ;;T; @ ; ij; @ ;;T; @ ; ii; @ ;;T; @ o;& ;'[I" .ui-box; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" ui-box; T; in; @ ;00;1o;2;3{; in; @ ; in; @ ;[ o;5 ;[I" border; T;o;8 ;I" none; T;;9; io; @ ;(i;6;7;[; io; @ ; @ o;5 ;[I"background; T;o;" ;I"mobile_navigation_color; T;#I"mobile_navigation_color; T; @ ; ip;(i;6;7;[; ip; @ ; @ o;& ;'[I" .sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" sidebar; T; ir; @ ;00;1o;2;3{; ir; @ ; ir; @ ;[o;5 ;[I" float; T;o;8 ;I" none; T;;9; is; @ ;(i;6;7;[; is; @ ; @ o;5 ;[I" position; T;o;8 ;I" absolute; T;;9; it; @ ;(i;6;7;[; it; @ ; @ o;5 ;[I" z-index; T;o; ;ič;[;@Q; iu;I" 1000; F; @ ;(i;6;7;[; iu; @ ; @ o;5 ;[I" width; T;o;" ;I"mobile_navigation_size; T;#I"mobile_navigation_size; T; @ ; iv;(i;6;7;[; iv; @ ; @ o;5 ;[I" border; T;o;8 ;I" none; T;;9; iw; @ ;(i;6;7;[; iw; @ ; @ o;5 ;[I"background; T;o;" ;I"mobile_navigation_color; T;#I"mobile_navigation_color; T; @ ; ix;(i;6;7;[; ix; @ ; @ o;5 ;[I"visibility; T;o;8 ;I" hidden; T;;9; iy; @ ;(i;6;7;[; iy; @ ; @ o;: ;I"transition-property; T;![o;8 ;I"visibility; T;;9; i{; @ o;8 ;I" border; T;;9; i{; @ o;8 ;I" margin; T;;9; i{; @ ;${;%0;[; i{; @ ; @ o;: ;I"transition-delay; T;![o; ;f0.2999999999999999933;[I"s; T;[; i|;I" 0.3s; F; @ ;${;%0;[; i|; @ ; @ ; ir; @ ;;T; @ o;& ;'[I".content.handle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" content; T; i~; @ o;<;[I"handle-sidebar; T; i~; @ ;00;1o;2;3{; i~; @ ; i~; @ ;[ o;5 ;[I"margin-left; T;o; ;i;[I"px; T;[; i;I"0px; F; @ ;(i;6;7;[; i; @ ; @ o;5 ;[I"border-left; T;o;8 ;I" none; T;;9; i{; @ ;(i;6;7;[; i{; @ ; @ o;5 ;[I" z-index; T;o; ;iÐ;[;@Q; i|;I" 2000; F; @ ;(i;6;7;[; i|; @ ; @ o;5 ;[I"min-width; T;o; ;i@;[I"px; T;[; i};I" 320px; F; @ ;(i;6;7;[; i}; @ ; @ o;: ;I"transition-property; T;![o;8 ;I"all; T;;9; i~; @ ;${;%0;[; i~; @ ; @ o;: ;I"transition-duration; T;![o; ;f0.2999999999999999933;[I"s; T;[; i;I" 0.3s; F; @ ;${;%0;[; i; @ ; @ o;: ;I"transition-timing-function; T;![o;8 ;I" ease; T;;9; i€; @ ;${;%0;[; i€; @ ; @ ; i~; @ ;;T; @ o; ;[I"// A merda esta aki; F;;;[; i‚; @ ; @ o;& ;'[I" .content; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" content; T; iƒ; @ ;00;1o;2;3{; iƒ; @ ; iƒ; @ ;[ o;: ;I"background; T;![o;8 ;I"top; T;;9; i„; @ o; ;I"linear-gradient; T;![o;= ;[o; ;I" lighten; T;![o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; i„o; ;i;[;@Q; i„;I"3; F; @ ;${;%0; i„; @ o; ;i1;[I"px; T;[; i„;I" 44px; F; @ ;>;?; i„; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; i„;${;%0; i„; @ ;${;%0;[; i„; @ ; @ o;: ;I"box-shadow; T;![o;= ;[ o; ;I" rgba; T;![ o; ;i;[;@Q; i…;I"0; F; @ o; ;i;[;@Q; i…;I"0; F; @ o; ;i;[;@Q; i…;I"0; F; @ o; ;f0.54000000000000004áH;[;@Q; i…;I" 0.54; F; @ ;${;%0; i…; @ o; ;i;[I"px; T;[; i…;I"0px; F; @ o; ;i;[I"px; T;[; i…;I"0px; F; @ o; ;i;[I"px; T;[; i…;I"2px; F; @ ;>;?; i…; @ o;= ;[ o; ;I" rgba; T;![ o; ;i;[;@Q; i…;I"0; F; @ o; ;i;[;@Q; i…;I"0; F; @ o; ;i;[;@Q; i…;I"0; F; @ o; ;f0.80000000000000004™š;[;@Q; i…;I"0.8; F; @ ;${;%0; i…; @ o; ;i;[I"px; T;[; i…;I"0px; F; @ o; ;i;[I"px; T;[; i…;I"0px; F; @ o; ;i;[I"px; T;[; i…;I" 15px; F; @ ;>;?; i…; @ ;${;%0;[; i…; @ ; @ o;5 ;[I"border-left; T;o;= ;[o; ;i;[I"px; T;[; i†;I"1px; F; @ o;8 ;I" solid; T;;9; i†; @ o;" ;I"base_ui_color_highlight; T;#I"base_ui_color_highlight; T; @ ; i†;>;?; i†; @ ;(i;6;7;[; i†; @ ; @ o;5 ;[I"border-top; T;o;= ;[o; ;i;[I"px; T;[; i‡;I"1px; F; @ o;8 ;I" solid; T;;9; i‡; @ o;" ;I"base_ui_color_highlight; T;#I"base_ui_color_highlight; T; @ ; i‡;>;?; i‡; @ ;(i;6;7;[; i‡; @ ; @ o;5 ;[I"border-right; T;o;= ;[o; ;i;[I"px; T;[; iˆ;I"1px; F; @ o;8 ;I" solid; T;;9; iˆ; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; iˆ;>;?; iˆ; @ ;(i;6;7;[; iˆ; @ ; @ o;5 ;[I"border-bottom; T;o;= ;[o; ;i;[I"px; T;[; i‰;I"1px; F; @ o;8 ;I" solid; T;;9; i‰; @ o;" ;I"base_ui_color; T;#I"base_ui_color; T; @ ; i‰;>;?; i‰; @ ;(i;6;7;[; i‰; @ ; @ o;: ;I"border-radius; T;![o; ;i ;[I"px; T;[; iŠ;I"4px; F; @ o; ;i ;[I"px; T;[; iŠ;I"4px; F; @ ;${;%0;[; iŠ; @ ; @ o;& ;'[I"&.handle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;@; iŒ; @ o;<;[I"handle-sidebar; T; iŒ; @ ;00;1o;2;3{; iŒ; @ ; iŒ; @ ;[o;& ;'[I".small-navigation; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I"small-navigation; T; i; @ ;00;1o;2;3{; i; @ ; i; @ ;[o;5 ;[I" display; T;o;8 ;I" block; T;;9; iŽ; @ ;(i;6;7;[; iŽ; @ ; @ o;5 ;[I" height; T;o;" ;I"toolbar_height; T;#I"toolbar_height; T; @ ; i;(i;6;7;[; i; @ ; @ o;5 ;[I" position; T;o;8 ;I" relative; T;;9; i; @ ;(i;6;7;[; i; @ ; @ o;5 ;[I"background; T;o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i‘;(i;6;7;[; i‘; @ ; @ o;: ;I"background; T;![o;8 ;I"top; T;;9; i’; @ o; ;I"linear-gradient; T;![o;= ;[o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; i’o; ;i;[I"px; T;[; i’;I" 22px; F; @ ;>;?; i’; @ o;" ;I"header_ui_color_darken; T;#I"header_ui_color_darken; T; @ ; i’;${;%0; i’; @ ;${;%0;[; i’; @ ; @ o;5 ;[I"margin-top; T;o; ;iú;[I"px; T;[; i”;I" -1px; F; @ ;(i;6;7;[; i”; @ ; @ o;5 ;[I"margin-right; T;o; ;ių;[I"px; T;[; i•;I" -2px; F; @ ;(i;6;7;[; i•; @ ; @ o;: ;I"border-radius; T;![o;= ;[ o; ;i ;[I"px; T;[; i—;I"4px; F; @ o; ;i ;[I"px; T;[; i—;I"4px; F; @ o; ;i;[I"px; T;[; i—;I"0px; F; @ o; ;i;[I"px; T;[; i—;I"0px; F; @ ;>;?; i—; @ ;${;%0;[; i—; @ ; @ o;5 ;[I"border-left; T;o;= ;[o; ;i;[I"px; T;[; i˜;I"1px; F; @ o;8 ;I" solid; T;;9; i˜; @ o;" ;I"header_ui_color_lighten; T;#I"header_ui_color_lighten; T; @ ; i˜;>;?; i˜; @ ;(i;6;7;[; i˜; @ ; @ o;5 ;[I"border-top; T;o;= ;[o; ;i;[I"px; T;[; i™;I"1px; F; @ o;8 ;I" solid; T;;9; i™; @ o;" ;I"header_ui_color_lighten; T;#I"header_ui_color_lighten; T; @ ; i™;>;?; i™; @ ;(i;6;7;[; i™; @ ; @ o;5 ;[I"border-right; T;o;= ;[o; ;i;[I"px; T;[; iš;I"1px; F; @ o;8 ;I" solid; T;;9; iš; @ o;" ;I"header_ui_color; T;#I"header_ui_color; T; @ ; iš;>;?; iš; @ ;(i;6;7;[; iš; @ ; @ o;5 ;[I"border-bottom; T;o;= ;[o; ;i;[I"px; T;[; i›;I"1px; F; @ o;8 ;I" solid; T;;9; i›; @ o;" ;I"header_ui_color_shadow; T;#I"header_ui_color_shadow; T; @ ; i›;>;?; i›; @ ;(i;6;7;[; i›; @ ; @ o;& ;'[I".toggle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I"toggle-sidebar; T; i; @ ;00;1o;2;3{; i; @ ; i; @ ;[ o;5 ;[I" display; T;o;8 ;I" block; T;;9; iž; @ ;(i;6;7;[; iž; @ ; @ o;5 ;[I" width; T;o; ;i1;[I"px; T;[; iŸ;I" 44px; F; @ ;(i;6;7;[; iŸ; @ ; @ o;5 ;[I" height; T;o; ;i1;[I"px; T;[; i ;I" 44px; F; @ ;(i;6;7;[; i ; @ ; @ o;5 ;[I" cursor; T;o;8 ;I" pointer; T;;9; iĄ; @ ;(i;6;7;[; iĄ; @ ; @ o;5 ;[I" position; T;o;8 ;I" absolute; T;;9; iĒ; @ ;(i;6;7;[; iĒ; @ ; @ o;5 ;[I"top; T;o; ;i;[I"px; T;[; iĢ;I"0px; F; @ ;(i;6;7;[; iĢ; @ ; @ o;5 ;[I" left; T;o; ;i;[I"px; T;[; iĪ;I"0px; F; @ ;(i;6;7;[; iĪ; @ ; @ o;5 ;[I" z-index; T;o; ;i;[;@Q; iĨ;I"10; F; @ ;(i;6;7;[; iĨ; @ ; @ ; i; @ ;;T; @ ; i; @ ;;T; @ ; iŒ; @ ;;T; @ ; iƒ; @ ;;T; @ ; in; @ ;;T; @ o;& ;'[I"".desktop .open, .mobile .open; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" desktop; T; i§; @ ;00;1o;2;3{; i§; @ o;- ;+[o;<;[I" open; T; i§; @ ;00;1o;2;3{; i§; @ o;,;+[o;- ;+[o;<;[I" mobile; T; i§; @ ;00;1o;2;3{; i§; @ o;- ;+[o;<;[I" open; T; i§; @ ;00;1o;2;3{; i§; @ ; i§; @ ;[o;5 ;[I" border; T;o;8 ;I" none; T;;9; iĻ; @ ;(i;6;7;[; iĻ; @ ; @ o;& ;'[I".content.handle-sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" content; T; iĐ; @ o;<;[I"handle-sidebar; T; iĐ; @ ;00;1o;2;3{; iĐ; @ ; iĐ; @ ;[o;: ;I"translate3d; T;![o;" ;I"mobile_navigation_size; T;#I"mobile_navigation_size; T; @ ; iŠo; ;i;[;@Q; iŠ;I"0; F; @ o; ;i;[;@Q; iŠ;I"0; F; @ ;${;%0;[; iŠ; @ ; @ ; iĐ; @ ;;T; @ o;& ;'[I" .sidebar; T;(i;)o;*;+[o;,;+[o;- ;+[o;<;[I" sidebar; T; iŽ; @ ;00;1o;2;3{; iŽ; @ ; iŽ; @ ;[ o;5 ;[I" display; T;o;8 ;I" block; T;;9; i­; @ ;(i;6;7;[; i­; @ ; @ o;5 ;[I"visibility; T;o;8 ;I" visible; T;;9; iŪ; @ ;(i;6;7;[; iŪ; @ ; @ o;5 ;[I" margin; T;o; ;i;[I"px; T;[; iŊ;I"1px; F; @ ;(i;6;7;[; iŊ; @ ; @ o;: ;I"transition-property; T;![o;8 ;I" border; T;;9; ią; @ ;${;%0;[; ią; @ ; @ o;: ;I"transition-delay; T;![o; ;f0.2999999999999999933;[I"s; T;[; iē;I" 0.3s; F; @ ;${;%0;[; iē; @ ; @ ; iŽ; @ ;;T; @ ; i§; @ ;;T; @ ; ie; @ ;;T; @ ; I"—@import "iugu-ux/core" @import "compass/utilities/general/clearfix" // CINZA // $background_base_color: #ECECEC // $base_ui_color: #F1ECE7 $background_base_color: #3C5A76 $base_ui_color: #ECECEC $mobile_navigation_color: #3D3D3D $header_ui_color: #5282BC $desktop_navigation_size: 256px $mobile_navigation_size: 256px $toolbar_height: 44px // Color Palette $background_highlight_color: lighten( $background_base_color, 10 ) $base_ui_color_lighten: lighten( $base_ui_color, 10 ) $base_ui_color_darken: darken( $base_ui_color, 10 ) $base_ui_color_highlight: lighten( $base_ui_color, 50 ) $base_ui_color_shadow: darken( $base_ui_color, 50 ) $secondary_ui_color: darken( $base_ui_color, 3 ) $secondary_ui_color_lighten: lighten( $secondary_ui_color, 10 ) $secondary_ui_color_darken: darken( $secondary_ui_color, 10 ) $secondary_ui_color_highlight: lighten( $secondary_ui_color, 50 ) $secondary_ui_color_shadow: darken( $secondary_ui_color, 50 ) $header_ui_color_lighten: lighten( $header_ui_color, 10 ) $header_ui_color_darken: darken( $header_ui_color, 10 ) $header_ui_color_highlight: lighten( $header_ui_color, 50 ) $header_ui_color_shadow: darken( $header_ui_color, 50 ) html,body,#app height: 100% width: 100% position: relative @include box-sizing( border-box ) html,body overflow: hidden body background: $background_base_color .ui-box @include pie-clearfix background: $base_ui_color width: 100% margin-left: auto margin-right: auto position: relative color: #666 height: 100% @include box-sizing( border-box ) border-left: 1px solid $base_ui_color_highlight border-top: 1px solid $base_ui_color_highlight border-right: 1px solid $base_ui_color border-bottom: 1px solid $base_ui_color .sidebar float: left width: $desktop_navigation_size height: 100% background: $secondary_ui_color border-right: 1px solid $secondary_ui_color_darken padding: 20px @include box-sizing( border-box ) position: relative .content height: 100% position: relative @include background( top, linear-gradient( lighten($base_ui_color, 3) 44px, $base_ui_color ) ) @include box-sizing( border-box ) .small-navigation display: none &.handle-sidebar border-left: 1px solid $secondary_ui_color_lighten margin-left: $desktop_navigation_size @include for-large-screens() body padding: 20px @include background-image( radial-gradient(top center, circle, $background_highlight_color 0px, rgba($background_highlight_color,0) 300px) ,linear-gradient(bottom, $background_highlight_color 30%,$background_base_color 70%) ) .ui-box max-width: 980px @include box-shadow( rgba(0,0,0,0.54) 0px 0px 2px, rgba(0,0,0,0.25) 0px 0px 20px ) border: 1px solid #FF0000, 2px solid #00FFFF @include border-radius( 4px, 4px ) @include for-small-screens() body background: $mobile_navigation_color .mobile .ui-box .content.handle-sidebar @include translate3d(0,0,0) .ui-box border: none background: $mobile_navigation_color .sidebar float: none position: absolute z-index: 1000 width: $mobile_navigation_size border: none background: $mobile_navigation_color visibility: hidden @include transition-property( visibility, border, margin ) @include transition-delay( 0.3s ) .content.handle-sidebar margin-left: 0px border-left: none z-index: 2000 min-width: 320px @include transition-property( all ) @include transition-duration( 0.3s ) @include transition-timing-function( ease ) // A merda esta aki .content @include background( top, linear-gradient( lighten($base_ui_color, 3) 44px, $base_ui_color ) ) @include box-shadow( rgba(0,0,0,0.54) 0px 0px 2px, rgba(0,0,0,0.8) 0px 0px 15px ) border-left: 1px solid $base_ui_color_highlight border-top: 1px solid $base_ui_color_highlight border-right: 1px solid $base_ui_color border-bottom: 1px solid $base_ui_color @include border-radius( 4px, 4px ) &.handle-sidebar .small-navigation display: block height: $toolbar_height position: relative background: $header_ui_color @include background( top, linear-gradient( $header_ui_color 22px, $header_ui_color_darken ) ) margin-top: -1px margin-right: -2px @include border-radius( 4px 4px 0px 0px ) border-left: 1px solid $header_ui_color_lighten border-top: 1px solid $header_ui_color_lighten border-right: 1px solid $header_ui_color border-bottom: 1px solid $header_ui_color_shadow .toggle-sidebar display: block width: 44px height: 44px cursor: pointer position: absolute top: 0px left: 0px z-index: 10 .desktop .open, .mobile .open border: none .content.handle-sidebar @include translate3d( $mobile_navigation_size, 0, 0 ) .sidebar display: block visibility: visible margin: 1px @include transition-property( border ) @include transition-delay( 0.3s ) ; T;;T; @