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 <html> 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 <html> 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 */;@ ;@