sandbox/tmp/cache/sass/e18337f0c19dfad20daa699fa9a096f70c37cd66/experiment.sassc in iugu-ux-0.8.0 vs sandbox/tmp/cache/sass/e18337f0c19dfad20daa699fa9a096f70c37cd66/experiment.sassc in iugu-ux-0.8.5

- old
+ new

@@ -1,503 +1,3 @@ 3.3.0.alpha.3 (Bleeding Edge) -e3df93344bc625947545e723f85d17b8b091fd63 -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/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[; @ ; @ -;;To;:;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"#// @include translate3d(0,0,0); F;;;[; il; @ ; @ -o;: ;I"translateZ; T;![o; ;i;[I"px; T;[; im;I"0px; F; @ ;${;%0;[; im; @ ; @ -; ik;;T; @ ; @ -; ij;;T; @ ; @ -; ii;;T; @ ; @ -o;& ;'[I" .ui-box; T;(i;)o;*;+[o;,;+[o;- -;+[o;<;[I" ui-box; T; io; @ -;00;1o;2;3{; io; @ -; io; @ -;[ o;5 ;[I" border; T;o;8 ;I" none; T;;9; ip; @ ;(i;6;7;[; ip; @ ; @ -o;5 ;[I"background; T;o;" ;I"mobile_navigation_color; T;#I"mobile_navigation_color; T; @ ; iq;(i;6;7;[; iq; @ ; @ -o;& ;'[I" .sidebar; T;(i;)o;*;+[o;,;+[o;- -;+[o;<;[I" sidebar; T; is; @ -;00;1o;2;3{; is; @ -; is; @ -;[o;5 ;[I" -float; T;o;8 ;I" none; T;;9; it; @ ;(i;6;7;[; it; @ ; @ -o;5 ;[I" position; T;o;8 ;I" absolute; T;;9; iu; @ ;(i;6;7;[; iu; @ ; @ -o;5 ;[I" z-index; T;o; ;ič;[;@Q; iv;I" 1000; F; @ ;(i;6;7;[; iv; @ ; @ -o;5 ;[I" -width; T;o;" ;I"mobile_navigation_size; T;#I"mobile_navigation_size; T; @ ; iw;(i;6;7;[; iw; @ ; @ -o;5 ;[I" border; T;o;8 ;I" none; T;;9; ix; @ ;(i;6;7;[; ix; @ ; @ -o;5 ;[I"background; T;o;" ;I"mobile_navigation_color; T;#I"mobile_navigation_color; T; @ ; iy;(i;6;7;[; iy; @ ; @ -o;5 ;[I"visibility; T;o;8 ;I" hidden; T;;9; iz; @ ;(i;6;7;[; iz; @ ; @ -o; ;[I"B// @include transition-property( visibility, border, margin ); F;;;[; i|; @ ; @ -o;: ;I"transition-delay; T;![o; ;f0.2999999999999999933;[I"s; T;[; i};I" 0.3s; F; @ ;${;%0;[; i}; @ ; @ -; is;;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"transform; T;;9; i€; @ ;${;%0;[; i€; @ ; @ -o;: ;I"transition-duration; T;![o; ;i,;[I"ms; T;[; i;I" -300ms; F; @ ;${;%0;[; i; @ ; @ -o;: ;I"transition-timing-function; T;![o; ;I"cubic-bezier; T;![ o; ;f0.39000000000000001(ö;[;@Q; i‚;I" 0.39; F; @ o; ;f0.57499999999999996ff;[;@Q; i‚;I" -0.575; F; @ o; ;f0.56499999999999995Ū;[;@Q; i‚;I" -0.565; F; @ o; ;i;[;@Q; i‚;I"1; F; @ ;${;%0; 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; @ ; @ -; io;;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"=// @include translate3d( $mobile_navigation_size, 0, 0 ); F;;;[; iŽ; @ ; @ -o;: ;I"translateX; T;![o;" ;I"mobile_navigation_size; T;#I"mobile_navigation_size; T; @ ; i­;${;%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) - +translateZ(0px) - - .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( transform ) - @include transition-duration( 300ms ) - @include transition-timing-function( cubic-bezier(0.39, 0.575, 0.565, 1) ) - - // 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 ) - +translateX( $mobile_navigation_size ) - - .sidebar - display: block - visibility: visible - margin: 1px - - @include transition-property( border ) - @include transition-delay( 0.3s ) -; T;;T; @ +da39a3ee5e6b4b0d3255bfef95601890afd80709 +o:Sass::Tree::RootNode:@children[:@templateI":ET: @options{ \ No newline at end of file