3.2.12 (Media Mark) a8cd0e6b98a1874389f11902eed9bd02932fe709 o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"d$sliding-menu-border-color: $dark-gray; $sliding-menu-background: lighten($sliding-menu-border-color, 5); $sliding-menu-color: white; $sliding-menu-border: 1px solid $sliding-menu-border-color; $sliding-menu-background-hover: $base-accent-color; $sliding-menu-color-hover: white; .menu-anchor { @include button(simple, lighten($light-gray, 10)); @include tooltip($tooltip-placement); font-size: $base-font-size; display: inline-block; position: relative; cursor: pointer; } menu.sliding-menu-content { margin: 0; padding: 0; position: fixed; top: 0; left: 0; z-index: 1; width: 220px; height: 100%; background: $sliding-menu-background; @include transform(translateX(-220px)); @include transition(all .25s linear); li a { display: block; border-bottom: $sliding-menu-border; padding: 1em; font-weight: bold; color: $sliding-menu-color; &:hover { background-color: $sliding-menu-background-hover; color: $sliding-menu-color-hover; } } } .sliding-menu-moving-content, .main { @include transform(translateX(0)); @include transition(all .25s linear); } // .menu-active is added to on click .menu-active menu { @include transform(translateX(0)); } .menu-active .sliding-menu-moving-content, .menu-active .main { @include transform(translateX(220px)); } // Based on code by Diego Eis :@children[o:Sass::Tree::VariableNode : @expro:Sass::Script::Variable ;i: @name"dark-gray:@underscored_name"dark_gray: @options{;i; "sliding-menu-border-color; [: @guarded0;@ o; ; o:Sass::Script::Funcall ;i; " lighten: @splat0;@ :@keywords{: @args[o; ;i; "sliding-menu-border-color;"sliding_menu_border_color;@ o:Sass::Script::Number ;i:@denominator_units[:@numerator_units[:@original"5: @valuei ;@ ;i; "sliding-menu-background; [;0;@ o; ; o:Sass::Script::Color ;i: @attrs{ :rediÿ: alphai: greeniÿ: blueiÿ;0;@ ;i; "sliding-menu-color; [;0;@ o; ; o:Sass::Script::List ;i :@separator: space;[o; ;i ;[;["px;"1px;i;@ o:Sass::Script::String ;i : @type:identifier;" solid;@ o; ;i ; "sliding-menu-border-color;"sliding_menu_border_color;@ ;@ ;i ; "sliding-menu-border; [;0;@ o; ; o; ;i ; "base-accent-color;"base_accent_color;@ ;i ; ""sliding-menu-background-hover; [;0;@ o; ; o; ;i ;{ ;iÿ;i;iÿ;iÿ;0;@ ;i ; "sliding-menu-color-hover; [;0;@ o:Sass::Tree::RuleNode ;i :@parsed_ruleso:"Sass::Selector::CommaSequence;i : @members[o:Sass::Selector::Sequence;)[o:#Sass::Selector::SimpleSequence ;i : @sourceso:Set: @hash{: @subject0;)[o:Sass::Selector::Class;i ; ["menu-anchor:@filename";1@H;1@H;T: @tabsi; [ o:Sass::Tree::MixinNode ;i; " button;0; [;@ ;{;[o;# ;i;$;%;" simple;@ o; ;i; " lighten;0;@ ;{;[o; ;i; "light-gray;"light_gray;@ o; ;i;@;[;"10;i;@ o;3 ;i; " tooltip;0; [;@ ;{;[o; ;i; "tooltip-placement;"tooltip_placement;@ o:Sass::Tree::PropNode ;i; ["font-size:@prop_syntax:new;2i; [;o; ;i; "base-font-size;"base_font_size;@ ;@ o;4 ;i; [" display;5;6;2i; [;o;#;$;%;"inline-block;@ ;@ o;4 ;i; [" position;5;6;2i; [;o;#;$;%;" relative;@ ;@ o;4 ;i; [" cursor;5;6;2i; [;o;#;$;%;" pointer;@ ;@ ;@ : @rule[".menu-anchoro;& ;i;'o;(;i;)[o;*;)[o;+ ;i;,o;-;.{;/0;)[o:Sass::Selector::Element ;i; [" menu:@namespace0;1"o;0;i; ["sliding-menu-content;1@…;1@…;1@…;T;2i; [o;4 ;i; [" margin;5;6;2i; [;o;#;$;%;"0;@ ;@ o;4 ;i; [" padding;5;6;2i; [;o;#;$;%;"0;@ ;@ o;4 ;i; [" position;5;6;2i; [;o;#;$;%;" fixed;@ ;@ o;4 ;i; ["top;5;6;2i; [;o;#;$;%;"0;@ ;@ o;4 ;i; [" left;5;6;2i; [;o;#;$;%;"0;@ ;@ o;4 ;i; [" z-index;5;6;2i; [;o;#;$;%;"1;@ ;@ o;4 ;i; [" width;5;6;2i; [;o;#;$;%;" 220px;@ ;@ o;4 ;i; [" height;5;6;2i; [;o;#;$;%;" 100%;@ ;@ o;4 ;i; ["background;5;6;2i; [;o; ;i; "sliding-menu-background;"sliding_menu_background;@ ;@ o;3 ;i ; "transform;0; [;@ ;{;[o; ;i ; "translateX;0;@ ;{;[o; ;i ;[;["px;" -220px;iÿ$;@ o;3 ;i!; "transition;0; [;@ ;{;[o; ;i!;!;";[o;# ;i!;$;%;"all;@ o; ;i!;[;["s;" 0.25s;f 0.25;@ o;# ;i!;$;%;" linear;@ ;@ o;& ;i#;'o;(;i#;)[o;*;)[o;+ ;i#;,o;-;.{;/0;)[o;8 ;i#; ["li;90;1";1@ìo;+ ;i#;,o;-;.{;/0;)[o;8 ;i#; ["a;90;1@ì;1@ì;1@ì;T;2i; [ o;4 ;i$; [" display;5;6;2i; [;o;#;$;%;" block;@ ;@ o;4 ;i%; ["border-bottom;5;6;2i; [;o; ;i%; "sliding-menu-border;"sliding_menu_border;@ ;@ o;4 ;i&; [" padding;5;6;2i; [;o;#;$;%;"1em;@ ;@ o;4 ;i'; ["font-weight;5;6;2i; [;o;#;$;%;" bold;@ ;@ o;4 ;i(; [" color;5;6;2i; [;o; ;i(; "sliding-menu-color;"sliding_menu_color;@ ;@ o;& ;i);'o;(;i);)[o;*;)[o;+ ;i);,o;-;.{;/0;)[o:Sass::Selector::Parent;i);1"o:Sass::Selector::Pseudo ;i); [" hover: @arg0:@syntactic_type: class;1@;1@;1@;T;2i; [o;4 ;i*; ["background-color;5;6;2i; [;o; ;i*; ""sliding-menu-background-hover;""sliding_menu_background_hover;@ ;@ o;4 ;i+; [" color;5;6;2i; [;o; ;i+; "sliding-menu-color-hover;"sliding_menu_color_hover;@ ;@ ;@ ;7[" &:hover;@ ;7[" li a;@ ;7["menu.sliding-menu-contento;& ;i1;'o;(;i1;)[o;*;)[o;+ ;i1;,o;-;.{;/0;)[o;0;i1; [" sliding-menu-moving-content;1";1@Do;*;)[" o;+ ;i1;,o;-;.{;/0;)[o;0;i1; [" main;1@D;1@D;1@D;T;2i; [o;3 ;i2; "transform;0; [;@ ;{;[o; ;i2; "translateX;0;@ ;{;[o; ;i2;@;[;"0;i;@ o;3 ;i3; "transition;0; [;@ ;{;[o; ;i3;!;";[o;# ;i3;$;%;"all;@ o; ;i3;[;["s;" 0.25s;f 0.25;@ o;# ;i3;$;%;" linear;@ ;@ ;@ ;7[").sliding-menu-moving-content, .maino:Sass::Tree::CommentNode ;i6;$: silent; [;["3/* .menu-active is added to on click */;@ o;& ;i7;'o;(;i7;)[o;*;)[o;+ ;i7;,o;-;.{;/0;)[o;0;i7; ["menu-active;1";1@o;+ ;i7;,o;-;.{;/0;)[o;8 ;i7; [" menu;90;1@;1@;1@;T;2i; [o;3 ;i8; "transform;0; [;@ ;{;[o; ;i8; "translateX;0;@ ;{;[o; ;i8;@;[;"0;i;@ ;@ ;7[".menu-active menuo;& ;i<;'o;(;i<;)[o;*;)[o;+ ;i<;,o;-;.{;/0;)[o;0;i<; ["menu-active;1";1@¢o;+ ;i<;,o;-;.{;/0;)[o;0;i<; [" sliding-menu-moving-content;1@¢;1@¢o;*;)[" o;+ ;i<;,o;-;.{;/0;)[o;0;i<; ["menu-active;1@¢;1@¢o;+ ;i<;,o;-;.{;/0;)[o;0;i<; [" main;1@¢;1@¢;1@¢;T;2i; [o;3 ;i=; "transform;0; [;@ ;{;[o; ;i=; "translateX;0;@ ;{;[o; ;i=;[;["px;" 220px;iÜ;@ ;@ ;7["C.menu-active .sliding-menu-moving-content, .menu-active .maino;? ;i@;$;@; [;["%/* Based on code by Diego Eis */;@ ;@