3.2.9 (Media Mark) e71f7910962b6084834332b8819b5e00972deaf4 o:Sass::Tree::RootNode :@children[ o:Sass::Tree::ImportNode :@imported_filenameI"'compass/utilities/general/clearfix:ET;[:@template0: @linei:@filename"q/Users/patricknegri/Desenvolvimento/iugu-ux/vendor/assets/stylesheets/iugu-ux/components/responsive_box.sass: @options{:@imported_file0o:Sass::Tree::RuleNode : @rule[I"7body.ui-box-background,body.ui-box-background #app; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element : @name[I" body; T:@namespace0; i; @ o:Sass::Selector::Class;[I"ui-box-background; T; i; @ : @subject0: @sourceso:Set: @hash{; i; @ o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ o; ;[o:Sass::Selector::Id;[I"app; T; i; @ ;0;o;;{; i; @ ; i; @ ;[ o:Sass::Tree::PropNode ;[I" height; T: @valueo:Sass::Script::Number ;!ii:@numerator_units[I"%; T:@denominator_units[; i :@originalI" 100%; F; @ ;i:@prop_syntax:new;[; i ; @ ; @ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i ;%I" 100%; F; @ ;i;&;';[; i ; @ ; @ o; ;[I" position; T;!o:Sass::Script::String ;!I" relative; T: @type:identifier; i ; @ ;i;&;';[; i ; @ ; @ o:Sass::Tree::MixinNode ;I"box-sizing; T: @args[o;( ;!I"border-box; T;);*; i ; @ :@keywords{: @splat0;[; i ; @ ; @ ; i; @ :@has_childrenT; @ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I" overflow; T;!o;( ;!I" hidden; T;);*; i; @ ;i;&;';[; i; @ ; @ ; i; @ ;/T; @ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; i; @ o;;[I"ui-box-background; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o; ;[I"background; T;!o:Sass::Script::Variable ;I"baseUIBoxBackgroundColor; T:@underscored_nameI"baseUIBoxBackgroundColor; T; @ ; i;i;&;';[; i; @ ; @ o; ;[I"background-image; T;!o;( ;!I" none; T;);*; i; @ ;i;&;';[; i; @ ; @ ; i; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; i; @ ;0;o;;{; i; @ ; i; @ ;[o;+ ;I"pie-clearfix; T;,[;-{;.0;[; i; @ ; @ o; ;[I"background; T;!o;0 ;I"baseUIBackgroundColor; T;1I"baseUIBackgroundColor; T; @ ; i;i;&;';[; i; @ ; @ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i;%I" 100%; F; @ ;i;&;';[; i; @ ; @ o; ;[I"margin-left; T;!o;( ;!I" auto; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I"margin-right; T;!o;( ;!I" auto; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I" color; T;!o;0 ;I"textColor; T;1I"textColor; T; @ ; i;i;&;';[; i; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i;%I" 100%; F; @ ;i;&;';[; i; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i; @ ;-{;.0;[; i; @ ; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; i ; @ ;0;o;;{; i ; @ ; i ; @ ;[ o; ;[I" float; T;!o;( ;!I" left; T;);*; i!; @ ;i;&;';[; i!; @ ; @ o; ;[I" width; T;!o;0 ;I"desktopSidebarWidth; T;1I"desktopSidebarWidth; T; @ ; i";i;&;';[; i"; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i#;%I" 100%; F; @ ;i;&;';[; i#; @ ; @ o; ;[I"background; T;!o;0 ;I"baseUIBackgroundColor; T;1I"baseUIBackgroundColor; T; @ ; i$;i;&;';[; i$; @ ; @ o; ;[I"border-right; T;!o:Sass::Script::List ;![o;" ;!i;#[I"px; T;$[; i%;%I"1px; F; @ o;( ;!I" solid; T;);*; i%; @ o;0 ;I"baseLineColor; T;1I"baseLineColor; T; @ ; i%:@separator: space; i%; @ ;i;&;';[; i%; @ ; @ o; ;[I" padding; T;!o;" ;!i;#[I"px; T;$[; i&;%I" 20px; F; @ ;i;&;';[; i&; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i'; @ ;-{;.0;[; i'; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i(; @ ;i;&;';[; i(; @ ; @ ; i ; @ ;/T; @ o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i*; @ ;0;o;;{; i*; @ ; i*; @ ;[ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i+;%I" 100%; F; @ ;i;&;';[; i+; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i,; @ ;i;&;';[; i,; @ ; @ o; ;[I"background; T;!o;0 ;I"baseUIBackgroundColor; T;1I"baseUIBackgroundColor; T; @ ; i-;i;&;';[; i-; @ ; @ o;+ ;I"box-sizing; T;,[o;( ;!I"border-box; T;);*; i/; @ ;-{;.0;[; i/; @ ; @ o; ;[I".small-navigation; T;i;o;;[o;;[o; ;[o;;[I"small-navigation; T; i0; @ ;0;o;;{; i0; @ ; i0; @ ;[o; ;[I" display; T;!o;( ;!I" none; T;);*; i1; @ ;i;&;';[; i1; @ ; @ ; i0; @ ;/T; @ o; ;[I"&.handle-sidebar; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i3; @ o;;[I"handle-sidebar; T; i3; @ ;0;o;;{; i3; @ ; i3; @ ;[o; ;[I"margin-left; T;!o;0 ;I"desktopSidebarWidth; T;1I"desktopSidebarWidth; T; @ ; i4;i;&;';[; i4; @ ; @ ; i3; @ ;/T; @ ; i*; @ ;/T; @ o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i6; @ ;0;o;;{; i6; @ ; i6; @ ;[ o; ;[I" width; T;!o;" ;!ii;#[I"%; T;$[; i7;%I" 100%; F; @ ;i;&;';[; i7; @ ; @ o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i8;%I" 100%; F; @ ;i;&;';[; i8; @ ; @ o; ;[I"overflow-y; T;!o;( ;!I" auto; T;);*; i9; @ ;i;&;';[; i9; @ ; @ o; ;[I"-webkit-overflow-scrolling; T;!o;( ;!I" touch; T;);*; i:; @ ;i;&;';[; i:; @ ; @ ; i6; @ ;/T; @ o; ;[I".handle-scrolling > *; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i<; @ ;0;o;;{; i<; @ I">; To; ;[o:Sass::Selector::Universal;0; i<; @ ;0;o;;{; i<; @ ; i<; @ ;[o; ;[I"-webkit-transform; T;!o:Sass::Script::Funcall ;I"translateZ; T;,[o;" ;!i;#[I"px; T;$[; i=;%I"0px; F; @ ;-{;.0; i=; @ ;i;&;';[; i=; @ ; @ ; i<; @ ;/T; @ o; ;[I"(.handle-scrolling > div:first-child; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i?; @ ;0;o;;{; i?; @ I">; To; ;[o; ;[I"div; T;0; i?; @ o:Sass::Selector::Pseudo ;): class;[I"first-child; T: @arg0; i?; @ ;0;o;;{; i?; @ ; i?; @ ;[o; ;[I" height; T;!o;" ;!ii;#[I"%; T;$[; i@;%I" 100%; F; @ ;i;&;';[; i@; @ ; @ ; i?; @ ;/T; @ o; ;[I" .content; T;i;o;;[o;;[o; ;[o;;[I" content; T; iB; @ ;0;o;;{; iB; @ ; iB; @ ;[ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; iC; @ ;i;&;';[; iC; @ ; @ o; ;[I"top; T;!o;" ;!i;#[I"px; T;$[; iD;%I"0px; F; @ ;i;&;';[; iD; @ ; @ o; ;[I" bottom; T;!o;" ;!i;#[I"px; T;$[; iE;%I"0px; F; @ ;i;&;';[; iE; @ ; @ o; ;[I" left; T;!o;" ;!i;#[I"px; T;$[; iF;%I"0px; F; @ ;i;&;';[; iF; @ ; @ o; ;[I" right; T;!o;" ;!i;#[I"px; T;$[; iG;%I"0px; F; @ ;i;&;';[; iG; @ ; @ ; iB; @ ;/T; @ ; i; @ ;/T; @ o;+;I"for-large-screens; T;,[o;" ;!i;#[I"px; T;$[; iI;%I" 1025px; F; @ ;-{;.0;[o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; iJ; @ o;;[I"ui-box-background; T; iJ; @ ;0;o;;{; iJ; @ ; iJ; @ ;[o; ;[I" padding; T;!o;" ;!i;#[I"px; T;$[; iK;%I" 20px; F; @ ;i;&;';[; iK; @ ; @ ; iJ; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; iL; @ ;0;o;;{; iL; @ ; iL; @ ;[o; ;[I"max-width; T;!o;" ;!iÔ;#[I"px; T;$[; iM;%I" 980px; F; @ ;i;&;';[; iM; @ ; @ o;+ ;I"box-shadow; T;,[o;2 ;![ o;" ;!i;#[I"px; T;$[; iN;%I"3px; F; @ o;" ;!i;#[I"px; T;$[; iN;%I"3px; F; @ o;" ;!i;#[I"px; T;$[; iN;%I"0px; F; @ o;7 ;I" rgba; T;,[ o;" ;!i;#[;$[; iN;%I"0; F; @ o;" ;!i;#[;$@z; iN;%I"0; F; @ o;" ;!i;#[;$@z; iN;%I"0; F; @ o;" ;!f 0.25;#[;$@z; iN;%I" 0.25; F; @ ;-{;.0; iN; @ ;3;4; iN; @ ;-{;.0;[; iN; @ ; @ ; iL; @ ;/T; @ ; iI; @ ; @ ;/To;+;I"for-small-screens; T;,[o;" ;!iĻ;#[I"px; T;$[; iQ;%I" 680px; F; @ ;-{;.0;[ o; ;[I"body.ui-box-background; T;i;o;;[o;;[o; ;[o; ;[I" body; T;0; iR; @ o;;[I"ui-box-background; T; iR; @ ;0;o;;{; iR; @ ; iR; @ ;[o; ;[I"background; T;!o;0 ;I"baseSidebarBackgroundColor; T;1I"baseSidebarBackgroundColor; T; @ ; iS;i;&;';[; iS; @ ; @ ; iR; @ ;/T; @ o; ;[I" .mobile; T;i;o;;[o;;[o; ;[o;;[I" mobile; T; iU; @ ;0;o;;{; iU; @ ; iU; @ ;[o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; iV; @ ;0;o;;{; iV; @ ; iV; @ ;[o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; iW; @ o;;[I"handle-sidebar; T; iW; @ ;0;o;;{; iW; @ ; iW; @ ;[o;+ ;I"translateZ; T;,[o;" ;!i;#[I"px; T;$[; iX;%I"0px; F; @ ;-{;.0;[; iX; @ ; @ ; iW; @ ;/T; @ ; iV; @ ;/T; @ ; iU; @ ;/T; @ o; ;[I" .ios; T;i;o;;[o;;[o; ;[o;;[I"ios; T; iZ; @ ;0;o;;{; iZ; @ ; iZ; @ ;[o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i[; @ ;0;o;;{; i[; @ ; i[; @ ;[o; ;[I"overflow-y; T;!o;( ;!I" scroll; T;);*; i\; @ ;i;&;';[; i\; @ ; @ ; i[; @ ;/T; @ ; iZ; @ ;/T; @ o; ;[I" .android; T;i;o;;[o;;[o; ;[o;;[I" android; T; i]; @ ;0;o;;{; i]; @ ; i]; @ ;[o; ;[I".handle-scrolling; T;i;o;;[o;;[o; ;[o;;[I"handle-scrolling; T; i^; @ ;0;o;;{; i^; @ ; i^; @ ;[o; ;[I"overflow-y; T;!o;( ;!I" auto; T;);*; i_; @ ;i;&;';[; i_; @ ; @ ; i^; @ ;/T; @ ; i]; @ ;/T; @ o; ;[I".ui-responsive-box; T;i;o;;[o;;[o; ;[o;;[I"ui-responsive-box; T; ia; @ ;0;o;;{; ia; @ ; ia; @ ;[ o; ;[I" border; T;!o;( ;!I" none; T;);*; ib; @ ;i;&;';[; ib; @ ; @ o; ;[I"background; T;!o;0 ;I"baseSidebarBackgroundColor; T;1I"baseSidebarBackgroundColor; T; @ ; ic;i;&;';[; ic; @ ; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; ie; @ ;0;o;;{; ie; @ ; ie; @ ;[ o; ;[I" float; T;!o;( ;!I" none; T;);*; if; @ ;i;&;';[; if; @ ; @ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; ig; @ ;i;&;';[; ig; @ ; @ o; ;[I" z-index; T;!o;" ;!ič;#[;$@z; ih;%I" 1000; F; @ ;i;&;';[; ih; @ ; @ o; ;[I" width; T;!o;0 ;I"mobileSidebarWidth; T;1I"mobileSidebarWidth; T; @ ; ii;i;&;';[; ii; @ ; @ o; ;[I" border; T;!o;( ;!I" none; T;);*; ij; @ ;i;&;';[; ij; @ ; @ o; ;[I"background; T;!o;0 ;I"baseSidebarBackgroundColor; T;1I"baseSidebarBackgroundColor; T; @ ; ik;i;&;';[; ik; @ ; @ o; ;[I"visibility; T;!o;( ;!I" hidden; T;);*; il; @ ;i;&;';[; il; @ ; @ o;+ ;I"transition-delay; T;,[o;" ;!f1.5;#[I"s; T;$[; in;%I" 1.5s; F; @ ;-{;.0;[; in; @ ; @ ; ie; @ ;/T; @ o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; ip; @ o;;[I"handle-sidebar; T; ip; @ ;0;o;;{; ip; @ ; ip; @ ;[ o; ;[I"margin-left; T;!o;" ;!iú;#[I"px; T;$[; iq;%I" -1px; F; @ ;i;&;';[; iq; @ ; @ o; ;[I" z-index; T;!o;" ;!iÐ;#[;$@z; ir;%I" 2000; F; @ ;i;&;';[; ir; @ ; @ o; ;[I"min-width; T;!o;" ;!i@;#[I"px; T;$[; is;%I" 320px; F; @ ;i;&;';[; is; @ ; @ o; ;[I"border-left; T;!o;2 ;![o;" ;!i;#[I"px; T;$[; it;%I"1px; F; @ o;( ;!I" solid; T;);*; it; @ o;0 ;I"baseLineColor; T;1I"baseLineColor; T; @ ; it;3;4; it; @ ;i;&;';[; it; @ ; @ o;+ ;I"transition-property; T;,[o;( ;!I"transform; T;);*; iv; @ ;-{;.0;[; iv; @ ; @ o;+ ;I"transition-duration; T;,[o;" ;!i,;#[I"ms; T;$[; iw;%I" 300ms; F; @ ;-{;.0;[; iw; @ ; @ o;+ ;I"transition-timing-function; T;,[o;7 ;I"cubic-bezier; T;,[ o;" ;!f 0.39;#[;$@z; ix;%I" 0.39; F; @ o;" ;!f 0.575;#[;$@z; ix;%I" 0.575; F; @ o;" ;!f 0.565;#[;$@z; ix;%I" 0.565; F; @ o;" ;!i;#[;$@z; ix;%I"1; F; @ ;-{;.0; ix; @ ;-{;.0;[; ix; @ ; @ o; ;[I"&.handle-sidebar; T;i;o;;[o;;[o; ;[o;5; iz; @ o;;[I"handle-sidebar; T; iz; @ ;0;o;;{; iz; @ ; iz; @ ;[o; ;[I".small-navigation; T;i;o;;[o;;[o; ;[o;;[I"small-navigation; T; i{; @ ;0;o;;{; i{; @ ; i{; @ ;[o; ;[I" display; T;!o;( ;!I" block; T;);*; i|; @ ;i;&;';[; i|; @ ; @ o; ;[I" height; T;!o;0 ;I"toolbarHeight; T;1I"toolbarHeight; T; @ ; i};i;&;';[; i}; @ ; @ o; ;[I" position; T;!o;( ;!I" relative; T;);*; i~; @ ;i;&;';[; i~; @ ; @ o; ;[I"background; T;!o;0 ;I"baseHeaderBackgroundColor; T;1I"baseHeaderBackgroundColor; T; @ ; i;i;&;';[; i; @ ; @ o; ;[I"border-bottom; T;!o;2 ;![o;" ;!i;#[I"px; T;$[; i{;%I"1px; F; @ o;( ;!I" solid; T;);*; i{; @ o;0 ;I"baseHeaderLineColor; T;1I"baseHeaderLineColor; T; @ ; i{;3;4; i{; @ ;i;&;';[; i{; @ ; @ o; ;[I"margin-top; T;!o;" ;!iú;#[I"px; T;$[; i};%I" -1px; F; @ ;i;&;';[; i}; @ ; @ o; ;[I"margin-right; T;!o;" ;!ių;#[I"px; T;$[; i~;%I" -2px; F; @ ;i;&;';[; i~; @ ; @ o; ;[I".toggle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"toggle-sidebar; T; i€; @ ;0;o;;{; i€; @ ; i€; @ ;[ o; ;[I" display; T;!o;( ;!I" block; T;);*; i; @ ;i;&;';[; i; @ ; @ o; ;[I" width; T;!o;" ;!i1;#[I"px; T;$[; i‚;%I" 44px; F; @ ;i;&;';[; i‚; @ ; @ o; ;[I" height; T;!o;" ;!i1;#[I"px; T;$[; iƒ;%I" 44px; F; @ ;i;&;';[; iƒ; @ ; @ o; ;[I" cursor; T;!o;( ;!I" pointer; T;);*; i„; @ ;i;&;';[; i„; @ ; @ o; ;[I" position; T;!o;( ;!I" absolute; T;);*; i…; @ ;i;&;';[; i…; @ ; @ o; ;[I"top; T;!o;" ;!i;#[I"px; T;$[; i†;%I"0px; F; @ ;i;&;';[; i†; @ ; @ o; ;[I" left; T;!o;" ;!i;#[I"px; T;$[; i‡;%I"0px; F; @ ;i;&;';[; i‡; @ ; @ o; ;[I" z-index; T;!o;" ;!i;#[;$@z; iˆ;%I"10; F; @ ;i;&;';[; iˆ; @ ; @ ; i€; @ ;/T; @ o; ;[I".responsive-title; T;i;o;;[o;;[o; ;[o;;[I"responsive-title; T; i‰; @ ;0;o;;{; i‰; @ ; i‰; @ ;[o; ;[I" display; T;!o;( ;!I" block; T;);*; iŠ; @ ;i;&;';[; iŠ; @ ; @ o; ;[I"text-align; T;!o;( ;!I" center; T;);*; i‹; @ ;i;&;';[; i‹; @ ; @ o; ;[I" height; T;!o;" ;!i1;#[I"px; T;$[; iŒ;%I" 44px; F; @ ;i;&;';[; iŒ; @ ; @ o; ;[I"font-size; T;!o;" ;!i;#[I"px; T;$[; i;%I" 17px; F; @ ;i;&;';[; i; @ ; @ o; ;[I"line-height; T;!o;" ;!i1;#[I"px; T;$[; iŽ;%I" 44px; F; @ ;i;&;';[; iŽ; @ ; @ o; ;[I" color; T;!o;0 ;I"baseHeaderTitleColor; T;1I"baseHeaderTitleColor; T; @ ; i;i;&;';[; i; @ ; @ o;+ ;I" box-mode; T;,[;-{;.0;[; i; @ ; @ o; ;[I" left; T;!o;" ;!iA;#[I"px; T;$[; i‘;%I" 60px; F; @ ;i;&;';[; i‘; @ ; @ o; ;[I" right; T;!o;" ;!iA;#[I"px; T;$[; i’;%I" 60px; F; @ ;i;&;';[; i’; @ ; @ o; ;[I"font-weight; T;!o;( ;!I" bold; T;);*; i“; @ ;i;&;';[; i“; @ ; @ ; i‰; @ ;/T; @ ; i{; @ ;/T; @ ; iz; @ ;/T; @ ; ip; @ ;/T; @ ; ia; @ ;/T; @ o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i•; @ ;0;o;;{; i•; @ ; i•; @ ;[o; ;[I" .content; T;i;o;;[o;;[o; ;[o;;[I" content; T; i–; @ ;0;o;;{; i–; @ ; i–; @ ;[o; ;[I"top; T;!o;" ;!i1;#[I"px; T;$[; i—;%I" 44px; F; @ ;i;&;';[; i—; @ ; @ ; i–; @ ;/T; @ ; i•; @ ;/T; @ o; ;[I"".desktop .open, .mobile .open; T;i;o;;[o;;[o; ;[o;;[I" desktop; T; i™; @ ;0;o;;{; i™; @ o; ;[o;;[I" open; T; i™; @ ;0;o;;{; i™; @ o;;[o; ;[o;;[I" mobile; T; i™; @ ;0;o;;{; i™; @ o; ;[o;;[I" open; T; i™; @ ;0;o;;{; i™; @ ; i™; @ ;[o; ;[I" border; T;!o;( ;!I" none; T;);*; iš; @ ;i;&;';[; iš; @ ; @ o; ;[I"!.content-area.handle-sidebar; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i›; @ o;;[I"handle-sidebar; T; i›; @ ;0;o;;{; i›; @ ; i›; @ ;[o;+ ;I"translateX; T;,[o;0 ;I"mobileSidebarWidth; T;1I"mobileSidebarWidth; T; @ ; iœ;-{;.0;[; iœ; @ ; @ ; i›; @ ;/T; @ o; ;[I" .sidebar; T;i;o;;[o;;[o; ;[o;;[I" sidebar; T; iž; @ ;0;o;;{; iž; @ ; iž; @ ;[ o; ;[I" display; T;!o;( ;!I" block; T;);*; iŸ; @ ;i;&;';[; iŸ; @ ; @ o; ;[I"visibility; T;!o;( ;!I" visible; T;);*; i ; @ ;i;&;';[; i ; @ ; @ o; ;[I" margin; T;!o;" ;!i;#[I"px; T;$[; iĄ;%I"0px; F; @ ;i;&;';[; iĄ; @ ; @ o;+ ;I"transition-property; T;,[o;( ;!I" border; T;);*; iĢ; @ ;-{;.0;[; iĢ; @ ; @ o;+ ;I"transition-delay; T;,[o;" ;!f0.3;#[I"s; T;$[; iĪ;%I" 0.3s; F; @ ;-{;.0;[; iĪ; @ ; @ ; iž; @ ;/T; @ ; i™; @ ;/T; @ o; ;[I".deprecated_android; T;i;o;;[o;;[o; ;[o;;[I"deprecated_android; T; iĶ; @ ;0;o;;{; iĶ; @ ; iĶ; @ ;[o; ;[I".content-area; T;i;o;;[o;;[o; ;[o;;[I"content-area; T; i§; @ ;0;o;;{; i§; @ ; i§; @ ;[o; ;[I"background; T;!o:Sass::Script::Color ;!0: @attrs{ :rediĸ: greeniĸ: blueiĸ: alphai; iĻ; @ ;i;&;';[; iĻ; @ ; @ ; i§; @ ;/T; @ ; iĶ; @ ;/T; @ ; iQ; @ ; @ ;/T; I"Œ@import "compass/utilities/general/clearfix" body.ui-box-background,body.ui-box-background #app height: 100% width: 100% position: relative @include box-sizing( border-box ) body.ui-box-background overflow: hidden body.ui-box-background background: $baseUIBoxBackgroundColor background-image: none .ui-responsive-box @include pie-clearfix background: $baseUIBackgroundColor width: 100% margin-left: auto margin-right: auto position: relative color: $textColor height: 100% @include box-sizing( border-box ) .sidebar float: left width: $desktopSidebarWidth height: 100% background: $baseUIBackgroundColor border-right: 1px solid $baseLineColor padding: 20px @include box-sizing( border-box ) position: relative .content-area height: 100% position: relative background: $baseUIBackgroundColor @include box-sizing( border-box ) .small-navigation display: none &.handle-sidebar margin-left: $desktopSidebarWidth .handle-scrolling width: 100% height: 100% overflow-y: auto -webkit-overflow-scrolling: touch .handle-scrolling > * -webkit-transform: translateZ(0px) .handle-scrolling > div:first-child height: 100% .content position: absolute top: 0px bottom: 0px left: 0px right: 0px @include for-large-screens(1025px) body.ui-box-background padding: 20px .ui-responsive-box max-width: 980px @include box-shadow( 3px 3px 0px rgba(0,0,0,0.25)) @include for-small-screens(680px) body.ui-box-background background: $baseSidebarBackgroundColor .mobile .ui-responsive-box .content-area.handle-sidebar +translateZ(0px) .ios .handle-scrolling overflow-y: scroll .android .handle-scrolling overflow-y: auto .ui-responsive-box border: none background: $baseSidebarBackgroundColor .sidebar float: none position: absolute z-index: 1000 width: $mobileSidebarWidth border: none background: $baseSidebarBackgroundColor visibility: hidden @include transition-delay( 1.5s ) .content-area.handle-sidebar margin-left: -1px z-index: 2000 min-width: 320px border-left: 1px solid $baseLineColor @include transition-property( transform ) @include transition-duration( 300ms ) @include transition-timing-function( cubic-bezier(0.39, 0.575, 0.565, 1) ) &.handle-sidebar .small-navigation display: block height: $toolbarHeight position: relative background: $baseHeaderBackgroundColor border-bottom: 1px solid $baseHeaderLineColor margin-top: -1px margin-right: -2px .toggle-sidebar display: block width: 44px height: 44px cursor: pointer position: absolute top: 0px left: 0px z-index: 10 .responsive-title display: block text-align: center height: 44px font-size: 17px line-height: 44px color: $baseHeaderTitleColor @include box-mode left: 60px right: 60px font-weight: bold .content-area .content top: 44px .desktop .open, .mobile .open border: none .content-area.handle-sidebar +translateX( $mobileSidebarWidth ) .sidebar display: block visibility: visible margin: 0px @include transition-property( border ) @include transition-delay( 0.3s ) .deprecated_android .content-area background: #FFF ; T;/T; @