source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_navigation.scssc in refills-0.0.1 vs source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_navigation.scssc in refills-0.0.2
- old
+ new
@@ -1,54 +1,64 @@
-3.2.12 (Media Mark)
-447e45cc0f6140153888d930d00ded33f1c467d0
+3.2.13 (Media Mark)
+6750f51ee47293abc78010b010c8b002ce8ee6bc
o:Sass::Tree::RootNode
:
-@linei:@has_childrenT:@template"header.navigation {
+@linei:@has_childrenT:@template"header.navigation {
$navigation-background: $dark-gray;
$navigation-color: white;
$navigation-height: 60px;
+ $navigation-nav-button-background: $navigation-background;
+ $navigation-nav-button-background-hover: lighten($navigation-background, 10);
+ $navigation-nav-button-border: 1px solid lighten($navigation-nav-button-background, 20);
width: 100%;
- margin: 0 0 $base-line-height;
+ margin: 0;
height: $navigation-height;
background-color: $navigation-background;
+ font-family: $sans-serif;
+ border-bottom: 1px solid $dark-gray;
+ z-index: 999;
+ margin-bottom: $base-line-height;
.menu-wrapper {
@include outer-container;
}
.logo {
- padding: 0 20px;
- font-weight: bold;
- float: left;
line-height: $navigation-height;
+ padding-right: 1.35em;
+ padding-left: 1em;
+ font-weight: bold;
+ float: left;
color: white;
+ @include media($medium-screen) {
+ padding-left: 1em;
+ }
}
p {
+ font-family: $sans-serif;
+ font-weight: 700;
+ text-transform: uppercase;
+ cursor: pointer;
padding-right: 1em;
display: block;
float: right;
margin: 0;
line-height: $navigation-height;
color: $navigation-color;
}
- &:hover {
- .nav ul {
- display: block;
- }
- }
-
.nav {
ul {
display: none;
-webkit-transform-style: preserve-3d; // stop webkit flicker
overflow: hidden;
margin: 0 auto;
padding: 0;
width: 100%;
+ z-index: 9999;
li {
position: relative;
overflow: hidden;
display: block;
@@ -70,94 +80,203 @@
}
}
}
}
+ ul.nav-button {
+ display: none;
+ float: right;
+ background-color: $navigation-background;
+ padding: 0 1em 0 1em;
+ width: 100%;
+ list-style: none;
+
+ li {
+ float: right;
+ a {
+ display: inline;
+ line-height: $navigation-height;
+ font-family: $sans-serif;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: white;
+ padding: 1em 1.5em;
+ background-color: $navigation-nav-button-background;
+ border: $navigation-nav-button-border;
+ border-radius: $base-border-radius;
+ font-size: $base-font-size *.8;
+
+ @include transition(ease-in-out, .2s);
+
+ &:hover {
+ background-color: $navigation-nav-button-background-hover;
+ }
+ }
+ }
+
+ li:first-child:before {
+ content: '';
+ }
+ }
+
@include media ($medium-screen) {
p {
display: none;
}
.nav {
- float: right;
+ float: left;
ul {
- display: block;
+ float: left;
+ display: inline;
margin: 0;
padding: 0;
li {
display: inline;
- display: inline;
text-decoration: none;
line-height: $navigation-height;
- padding-right: 1em;
+ padding-right: 2em;
+
+ a {
+ color: $navigation-color;
+ letter-spacing: 1px;
+ &:hover {
+ color: lighten($navigation-color, 15);
+ }
+ }
}
}
}
+
+ ul.nav-button {
+ float: right;
+ display: inline;
+ width: auto;
+ background-color: transparent;
+
+ li {
+ display: inline;
+
+ &:before {
+ content: "•";
+ color: $navigation-color;
+ margin-right: .3em;
+ }
+ }
+
+ li:first-child:before {
+ content: '';
+ }
+ }
}
-}:@children[o:Sass::Tree::RuleNode ;i:@parsed_ruleso:"Sass::Selector::CommaSequence;i:
@members[o: Sass::Selector::Sequence;
[o:#Sass::Selector::SimpleSequence
+}
+:@children[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::Element ;i:
@name[" header:@namespace0:@filename" o:Sass::Selector::Class;i;["navigation;@;@;@;T:
-@tabsi ; [o: Sass::Tree::VariableNode :
+@tabsi ; [o: Sass::Tree::VariableNode :
@expro:Sass::Script::Variable ;i;"dark-gray:@underscored_name"dark_gray:
@options{ ;i;"navigation-background; [ :
@guarded0; @ o; ;o:Sass::Script::Color ;i: @attrs{ :redi:
alphai:
-greeni: bluei: @value0; @ ;i;"navigation-color; [ ; 0; @ o; ;o:Sass::Script::Number ;i :@denominator_units[ :@numerator_units["px:@original" 60px;&iA; @ ;i ;"navigation-height; [ ; 0; @ o:Sass::Tree::PropNode ;i ;["
-width:@prop_syntax:new;i ; [ ;&o:Sass::Script::String:
-@type:identifier;&" 100%; @ ; @ o;+ ;i ;[" margin;,;-;i ; [ ;&o:Sass::Script::List ;i :@separator:
-space;&[o;' ;i ;([ ;)[ ;*"0;&i ; @ o;' ;i ;(@:;)[ ;*"0;&i ; @ o; ;i ;"base-line-height; "base_line_height; @ ; @ ; @ o;+ ;i
;[" height;,;-;i ; [ ;&o; ;i
;"navigation-height; "navigation_height; @ ; @ o;+ ;i;["background-color;,;-;i ; [ ;&o; ;i;"navigation-background; "navigation_background; @ ; @ o;
- ;i; o; ;i;
[o;;
[o;
-;i;o;;{ ;0;
[o;;i;["menu-wrapper;" ;@];@];T;i ; [o:Sass::Tree::MixinNode ;i;"outer-container: @splat0; [ ; @ :@keywords{ :
-@args[ ; @ :
+greeni: bluei: @value0; @ ;i;"navigation-color; [ ; 0; @ o; ;o:Sass::Script::Number ;i :@numerator_units["px:@original" 60px;&iA:@denominator_units[ ; @ ;i ;"navigation-height; [ ; 0; @ o; ;o; ;i
+;"navigation-background; "navigation_background; @ ;i
+;"%navigation-nav-button-background; [ ; 0; @ o; ;o:Sass::Script::Funcall ;i ;" lighten: @splat0; @ :@keywords{ :
+@args[o; ;i ;"navigation-background; "navigation_background; @ o;' ;i ;([ ;)"10;&i;*[ ; @ ;i ;"+navigation-nav-button-background-hover; [ ; 0; @ o; ;o:Sass::Script::List ;i :@separator:
+space;&[o;' ;i ;(["px;)"1px;&i;*[ ; @ o:Sass::Script::String ;i :
+@type:identifier;&"
+solid; @ o;+ ;i ;" lighten;,0; @ ;-{ ;.[o; ;i ;"%navigation-nav-button-background; "%navigation_nav_button_background; @ o;' ;i ;([ ;)"20;&i;*@>; @ ; @ ;i ;"!navigation-nav-button-border; [ ; 0; @ o:Sass::Tree::PropNode ;i;["
+width:@prop_syntax:new;i ; [ ;&o;2;3;4;&" 100%; @ ; @ o;5 ;i;[" margin;6;7;i ; [ ;&o;2;3;4;&"0; @ ; @ o;5 ;i;[" height;6;7;i ; [ ;&o; ;i;"navigation-height; "navigation_height; @ ; @ o;5 ;i;["background-color;6;7;i ; [ ;&o; ;i;"navigation-background; "navigation_background; @ ; @ o;5 ;i;["font-family;6;7;i ; [ ;&o; ;i;"sans-serif; "sans_serif; @ ; @ o;5 ;i;["border-bottom;6;7;i ; [ ;&o;/ ;i;0;1;&[o;' ;i;(["px;)"1px;&i;*[ ; @ o;2 ;i;3;4;&"
+solid; @ o; ;i;"dark-gray; "dark_gray; @ ; @ ; @ o;5 ;i;[" z-index;6;7;i ; [ ;&o;2;3;4;&"999; @ ; @ o;5 ;i;["margin-bottom;6;7;i ; [ ;&o; ;i;"base-line-height; "base_line_height; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o;;i;["menu-wrapper;" ;@;@;T;i ; [o:Sass::Tree::MixinNode ;i;"outer-container;,0; [ ; @ ;-{ ;.[ ; @ :
@rule[".menu-wrappero;
- ;i; o; ;i;
[o;;
[o;
-;i;o;;{ ;0;
[o;;i;[" logo;" ;@r;@r;T;i ; [
-o;+ ;i;[" padding;,;-;i ; [ ;&o;.;/;0;&" 0 20px; @ ; @ o;+ ;i;["font-weight;,;-;i ; [ ;&o;.;/;0;&" bold; @ ; @ o;+ ;i;["
-float;,;-;i ; [ ;&o;.;/;0;&" left; @ ; @ o;+ ;i;["line-height;,;-;i ; [ ;&o; ;i;"navigation-height; "navigation_height; @ ; @ o;+ ;i;["
-color;,;-;i ; [ ;&o;.;/;0;&"
-white; @ ; @ ; @ ;8["
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o;;i;[" logo;" ;@;@;T;i ; [ o;5 ;i ;["line-height;6;7;i ; [ ;&o; ;i ;"navigation-height; "navigation_height; @ ; @ o;5 ;i ;["padding-right;6;7;i ; [ ;&o;2;3;4;&" 1.35em; @ ; @ o;5 ;i ;["padding-left;6;7;i ; [ ;&o;2;3;4;&"1em; @ ; @ o;5 ;i ;["font-weight;6;7;i ; [ ;&o;2;3;4;&" bold; @ ; @ o;5 ;i ;["
+float;6;7;i ; [ ;&o;2;3;4;&" left; @ ; @ o;5 ;i!;["
+color;6;7;i ; [ ;&o;2;3;4;&"
+white; @ ; @ o;8
;i";"
+media;T;,0; [o;5 ;i#;["padding-left;6;7;i ; [ ;&o;2;3;4;&"1em; @ ; @ ; @ ;-{ ;.[o; ;i";"medium-screen; "medium_screen; @ ; @ ;9["
.logoo;
- ;i ; o; ;i ;
[o;;
[o;
-;i ;o;;{ ;0;
[o; ;i ;["p;0;" ;@;@;T;i ; [ o;+ ;i ;["padding-right;,;-;i ; [ ;&o;.;/;0;&"1em; @ ; @ o;+ ;i ;[" display;,;-;i ; [ ;&o;.;/;0;&"
-block; @ ; @ o;+ ;i ;["
-float;,;-;i ; [ ;&o;.;/;0;&"
-right; @ ; @ o;+ ;i ;[" margin;,;-;i ; [ ;&o;.;/;0;&"0; @ ; @ o;+ ;i!;["line-height;,;-;i ; [ ;&o; ;i!;"navigation-height; "navigation_height; @ ; @ o;+ ;i";["
-color;,;-;i ; [ ;&o; ;i";"navigation-color; "navigation_color; @ ; @ ; @ ;8["po;
- ;i%; o; ;i%;
[o;;
[o;
-;i%;o;;{ ;0;
[o:Sass::Selector::Parent;i%;" o:Sass::Selector::Pseudo
-;i%;["
-hover: @arg0:@syntactic_type:
-class;@;@;@;T;i ; [o;
- ;i&; o; ;i&;
[o;;
[o;
-;i&;o;;{ ;0;
[o;;i&;["nav;" ;@o;
-;i&;o;;{ ;0;
[o; ;i&;["ul;0;@;@;@;T;i ; [o;+ ;i';[" display;,;-;i ; [ ;&o;.;/;0;&"
-block; @ ; @ ; @ ;8[" .nav ul; @ ;8[" &:hovero;
- ;i+; o; ;i+;
[o;;
[o;
-;i+;o;;{ ;0;
[o;;i+;["nav;" ;@ ;@ ;T;i ; [o;
- ;i,; o; ;i,;
[o;;
[o;
-;i,;o;;{ ;0;
[o; ;i,;["ul;0;" ;@;@;T;i ; [
o;+ ;i-;[" display;,;-;i ; [ ;&o;.;/;0;&" none; @ ; @ o;+ ;i.;[" -webkit-transform-style;,;-;i ; [ ;&o;.;/;0;&"preserve-3d; @ ; @ o: Sass::Tree::CommentNode
-;i.;/: silent; [ ;&[" /* stop webkit flicker */; @ o;+ ;i/;["
overflow;,;-;i ; [ ;&o;.;/;0;&" hidden; @ ; @ o;+ ;i0;[" margin;,;-;i ; [ ;&o;.;/;0;&" 0 auto; @ ; @ o;+ ;i1;[" padding;,;-;i ; [ ;&o;.;/;0;&"0; @ ; @ o;+ ;i2;["
-width;,;-;i ; [ ;&o;.;/;0;&" 100%; @ ; @ o;
+ ;i'; o; ;i';
[o;;
[o;
+;i';o;;{ ;0;
[o; ;i';["p;0;" ;@;@;T;i ; [o;5 ;i(;["font-family;6;7;i ; [ ;&o; ;i(;"sans-serif; "sans_serif; @ ; @ o;5 ;i);["font-weight;6;7;i ; [ ;&o;2;3;4;&"700; @ ; @ o;5 ;i*;["text-transform;6;7;i ; [ ;&o;2;3;4;&"uppercase; @ ; @ o;5 ;i+;[" cursor;6;7;i ; [ ;&o;2;3;4;&" pointer; @ ; @ o;5 ;i,;["padding-right;6;7;i ; [ ;&o;2;3;4;&"1em; @ ; @ o;5 ;i-;[" display;6;7;i ; [ ;&o;2;3;4;&"
+block; @ ; @ o;5 ;i.;["
+float;6;7;i ; [ ;&o;2;3;4;&"
+right; @ ; @ o;5 ;i/;[" margin;6;7;i ; [ ;&o;2;3;4;&"0; @ ; @ o;5 ;i0;["line-height;6;7;i ; [ ;&o; ;i0;"navigation-height; "navigation_height; @ ; @ o;5 ;i1;["
+color;6;7;i ; [ ;&o; ;i1;"navigation-color; "navigation_color; @ ; @ ; @ ;9["po;
;i4; o; ;i4;
[o;;
[o;
-;i4;o;;{ ;0;
[o; ;i4;["li;0;" ;@D;@D;T;i ; [o;+ ;i5;["
position;,;-;i ; [ ;&o;.;/;0;&"
relative; @ ; @ o;+ ;i6;["
overflow;,;-;i ; [ ;&o;.;/;0;&" hidden; @ ; @ o;+ ;i7;[" display;,;-;i ; [ ;&o;.;/;0;&"
-block; @ ; @ o;+ ;i8;["
-width;,;-;i ; [ ;&o;.;/;0;&" 100%; @ ; @ o;+ ;i9;["text-align;,;-;i ; [ ;&o;.;/;0;&"
-right; @ ; @ o;+ ;i:;["padding-right;,;-;i ; [ ;&o;.;/;0;&"1em; @ ; @ o;+ ;i;;["line-height;,;-;i ; [ ;&o; ;i;;"navigation-height; "navigation_height; @ ; @ o;+ ;i<;["
-width;,;-;i ; [ ;&o;.;/;0;&" 100%; @ ; @ o;+ ;i=;["
position;,;-;i ; [ ;&o;.;/;0;&"
relative; @ ; @ o;+ ;i>;[" display;,;-;i ; [ ;&o;.;/;0;&"
-block; @ ; @ o;+ ;i?;[" z-index;,;-;i ; [ ;&o;.;/;0;&"
99999999; @ ; @ o;+ ;i@;["
overflow;,;-;i ; [ ;&o;.;/;0;&" hidden; @ ; @ o;+ ;iA;["background-color;,;-;i ; [ ;&o; ;iA;"navigation-background; "navigation_background; @ ; @ o;
- ;iC; o; ;iC;
[o;;
[o;
-;iC;o;;{ ;0;
[o; ;iC;["a;0;" ;@;@;T;i ; [o;+ ;iD;["text-transform;,;-;i ; [ ;&o;.;/;0;&"uppercase; @ ; @ o;+ ;iE;["font-weight;,;-;i ; [ ;&o;.;/;0;&" bold; @ ; @ o;+ ;iF;["
-color;,;-;i ; [ ;&o;.;/;0;&"
-white; @ ; @ ; @ ;8["a; @ ;8["li; @ ;8["ul; @ ;8[" .navo;4
;iL;"
-media;T;50; [o;
+;i4;o;;{ ;0;
[o;;i4;["nav;" ;@C;@C;T;i ; [o;
+ ;i5; o; ;i5;
[o;;
[o;
+;i5;o;;{ ;0;
[o; ;i5;["ul;0;" ;@Q;@Q;T;i ; [o;5 ;i6;[" display;6;7;i ; [ ;&o;2;3;4;&" none; @ ; @ o;5 ;i7;[" -webkit-transform-style;6;7;i ; [ ;&o;2;3;4;&"preserve-3d; @ ; @ o: Sass::Tree::CommentNode
+;i7;3: silent; [ ;&[" /* stop webkit flicker */; @ o;5 ;i8;["
overflow;6;7;i ; [ ;&o;2;3;4;&" hidden; @ ; @ o;5 ;i9;[" margin;6;7;i ; [ ;&o;2;3;4;&" 0 auto; @ ; @ o;5 ;i:;[" padding;6;7;i ; [ ;&o;2;3;4;&"0; @ ; @ o;5 ;i;;["
+width;6;7;i ; [ ;&o;2;3;4;&" 100%; @ ; @ o;5 ;i<;[" z-index;6;7;i ; [ ;&o;2;3;4;&" 9999; @ ; @ o;
+ ;i>; o; ;i>;
[o;;
[o;
+;i>;o;;{ ;0;
[o; ;i>;["li;0;" ;@;@;T;i ; [o;5 ;i?;["
position;6;7;i ; [ ;&o;2;3;4;&"
relative; @ ; @ o;5 ;i@;["
overflow;6;7;i ; [ ;&o;2;3;4;&" hidden; @ ; @ o;5 ;iA;[" display;6;7;i ; [ ;&o;2;3;4;&"
+block; @ ; @ o;5 ;iB;["
+width;6;7;i ; [ ;&o;2;3;4;&" 100%; @ ; @ o;5 ;iC;["text-align;6;7;i ; [ ;&o;2;3;4;&"
+right; @ ; @ o;5 ;iD;["padding-right;6;7;i ; [ ;&o;2;3;4;&"1em; @ ; @ o;5 ;iE;["line-height;6;7;i ; [ ;&o; ;iE;"navigation-height; "navigation_height; @ ; @ o;5 ;iF;["
+width;6;7;i ; [ ;&o;2;3;4;&" 100%; @ ; @ o;5 ;iG;["
position;6;7;i ; [ ;&o;2;3;4;&"
relative; @ ; @ o;5 ;iH;[" display;6;7;i ; [ ;&o;2;3;4;&"
+block; @ ; @ o;5 ;iI;[" z-index;6;7;i ; [ ;&o;2;3;4;&"
99999999; @ ; @ o;5 ;iJ;["
overflow;6;7;i ; [ ;&o;2;3;4;&" hidden; @ ; @ o;5 ;iK;["background-color;6;7;i ; [ ;&o; ;iK;"navigation-background; "navigation_background; @ ; @ o;
;iM; o; ;iM;
[o;;
[o;
-;iM;o;;{ ;0;
[o; ;iM;["p;0;" ;@;@;T;i ; [o;+ ;iN;[" display;,;-;i ; [ ;&o;.;/;0;&" none; @ ; @ ; @ ;8["po;
- ;iP; o; ;iP;
[o;;
[o;
-;iP;o;;{ ;0;
[o;;iP;["nav;" ;@;@;T;i ; [o;+ ;iQ;["
-float;,;-;i ; [ ;&o;.;/;0;&"
+;iM;o;;{ ;0;
[o; ;iM;["a;0;" ;@;@;T;i ; [o;5 ;iN;["text-transform;6;7;i ; [ ;&o;2;3;4;&"uppercase; @ ; @ o;5 ;iO;["font-weight;6;7;i ; [ ;&o;2;3;4;&" bold; @ ; @ o;5 ;iP;["
+color;6;7;i ; [ ;&o;2;3;4;&"
+white; @ ; @ ; @ ;9["a; @ ;9["li; @ ;9["ul; @ ;9[" .navo;
+ ;iV; o; ;iV;
[o;;
[o;
+;iV;o;;{ ;0;
[o; ;iV;["ul;0;" o;;iV;["nav-button;@;@;@;T;i ; [
o;5 ;iW;[" display;6;7;i ; [ ;&o;2;3;4;&" none; @ ; @ o;5 ;iX;["
+float;6;7;i ; [ ;&o;2;3;4;&"
+right; @ ; @ o;5 ;iY;["background-color;6;7;i ; [ ;&o; ;iY;"navigation-background; "navigation_background; @ ; @ o;5 ;iZ;[" padding;6;7;i ; [ ;&o;2;3;4;&"0 1em 0 1em; @ ; @ o;5 ;i[;["
+width;6;7;i ; [ ;&o;2;3;4;&" 100%; @ ; @ o;5 ;i\;["list-style;6;7;i ; [ ;&o;2;3;4;&" none; @ ; @ o;
+ ;i^; o; ;i^;
[o;;
[o;
+;i^;o;;{ ;0;
[o; ;i^;["li;0;" ;@I;@I;T;i ; [o;5 ;i_;["
+float;6;7;i ; [ ;&o;2;3;4;&"
right; @ ; @ o;
- ;iS; o; ;iS;
[o;;
[o;
-;iS;o;;{ ;0;
[o; ;iS;["ul;0;" ;@;@;T;i ; [ o;+ ;iT;[" display;,;-;i ; [ ;&o;.;/;0;&"
-block; @ ; @ o;+ ;iU;[" margin;,;-;i ; [ ;&o;.;/;0;&"0; @ ; @ o;+ ;iV;[" padding;,;-;i ; [ ;&o;.;/;0;&"0; @ ; @ o;
- ;iX; o; ;iX;
[o;;
[o;
-;iX;o;;{ ;0;
[o; ;iX;["li;0;" ;@;@;T;i ; [
-o;+ ;iY;[" display;,;-;i ; [ ;&o;.;/;0;&" inline; @ ; @ o;+ ;iZ;[" display;,;-;i ; [ ;&o;.;/;0;&" inline; @ ; @ o;+ ;i[;["text-decoration;,;-;i ; [ ;&o;.;/;0;&" none; @ ; @ o;+ ;i\;["line-height;,;-;i ; [ ;&o; ;i\;"navigation-height; "navigation_height; @ ; @ o;+ ;i];["padding-right;,;-;i ; [ ;&o;.;/;0;&"1em; @ ; @ ; @ ;8["li; @ ;8["ul; @ ;8[" .nav; @ ;6{ ;7[o; ;iL;"medium-screen; "medium_screen; @ ; @ ;8["header.navigation; @
+ ;i`; o; ;i`;
[o;;
[o;
+;i`;o;;{ ;0;
[o; ;i`;["a;0;" ;@];@];T;i ; [o;5 ;ia;[" display;6;7;i ; [ ;&o;2;3;4;&" inline; @ ; @ o;5 ;ib;["line-height;6;7;i ; [ ;&o; ;ib;"navigation-height; "navigation_height; @ ; @ o;5 ;ic;["font-family;6;7;i ; [ ;&o; ;ic;"sans-serif; "sans_serif; @ ; @ o;5 ;id;["font-weight;6;7;i ; [ ;&o;2;3;4;&"700; @ ; @ o;5 ;ie;["text-transform;6;7;i ; [ ;&o;2;3;4;&"uppercase; @ ; @ o;5 ;if;["
+color;6;7;i ; [ ;&o;2;3;4;&"
+white; @ ; @ o;5 ;ig;[" padding;6;7;i ; [ ;&o;2;3;4;&"1em 1.5em; @ ; @ o;5 ;ih;["background-color;6;7;i ; [ ;&o; ;ih;"%navigation-nav-button-background; "%navigation_nav_button_background; @ ; @ o;5 ;ii;[" border;6;7;i ; [ ;&o; ;ii;"!navigation-nav-button-border; "!navigation_nav_button_border; @ ; @ o;5 ;ij;["border-radius;6;7;i ; [ ;&o; ;ij;"base-border-radius; "base_border_radius; @ ; @ o;5 ;ik;["font-size;6;7;i ; [ ;&o: Sass::Script::Operation
+;ik:@operand2o;' ;ik;([ ;)"0.8;&f0.80000000000000004 ;*@>; @ :@operand1o; ;ik;"base-font-size; "base_font_size; @ ; @ :@operator:
+times; @ o;8 ;im;"transition;,0; [ ; @ ;-{ ;.[o;2 ;im;3;4;&"ease-in-out; @ o;' ;im;(["s;)" 0.2s;&f0.20000000000000001 ;*[ ; @ o;
+ ;io; o; ;io;
[o;;
[o;
+;io;o;;{ ;0;
[o:Sass::Selector::Parent;io;" o:Sass::Selector::Pseudo
+;io;["
+hover: @arg0:@syntactic_type:
+class;@;@;@;T;i ; [o;5 ;ip;["background-color;6;7;i ; [ ;&o; ;ip;"+navigation-nav-button-background-hover; "+navigation_nav_button_background_hover; @ ; @ ; @ ;9[" &:hover; @ ;9["a; @ ;9["lio;
+ ;iu; o; ;iu;
[o;;
[o;
+;iu;o;;{ ;0;
[o; ;iu;["li;0;" o;B
+;iu;["first-child;C0;D;E;@o;B
+;iu;[" before;C0;D;E;@;@;@;T;i ; [o;5 ;iv;[" content;6;7;i ; [ ;&o;2;3;4;&"''; @ ; @ ; @ ;9["li:first-child:before; @ ;9["ul.nav-buttono;8
;iz;"
+media;T;,0; [o;
+ ;i{; o; ;i{;
[o;;
[o;
+;i{;o;;{ ;0;
[o; ;i{;["p;0;" ;@;@;T;i ; [o;5 ;i|;[" display;6;7;i ; [ ;&o;2;3;4;&" none; @ ; @ ; @ ;9["po;
+ ;i~; o; ;i~;
[o;;
[o;
+;i~;o;;{ ;0;
[o;;i~;["nav;" ;@;@;T;i ; [o;5 ;i;["
+float;6;7;i ; [ ;&o;2;3;4;&" left; @ ; @ o;
+ ;i|; o; ;i|;
[o;;
[o;
+;i|;o;;{ ;0;
[o; ;i|;["ul;0;" ;@,;@,;T;i ; [
+o;5 ;i};["
+float;6;7;i ; [ ;&o;2;3;4;&" left; @ ; @ o;5 ;i~;[" display;6;7;i ; [ ;&o;2;3;4;&" inline; @ ; @ o;5 ;i;[" margin;6;7;i ; [ ;&o;2;3;4;&"0; @ ; @ o;5 ;i;[" padding;6;7;i ; [ ;&o;2;3;4;&"0; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o; ;i;["li;0;" ;@R;@R;T;i ; [
+o;5 ;i;[" display;6;7;i ; [ ;&o;2;3;4;&" inline; @ ; @ o;5 ;i;["text-decoration;6;7;i ; [ ;&o;2;3;4;&" none; @ ; @ o;5 ;i;["line-height;6;7;i ; [ ;&o; ;i;"navigation-height; "navigation_height; @ ; @ o;5 ;i;["padding-right;6;7;i ; [ ;&o;2;3;4;&"2em; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o; ;i;["a;0;" ;@y;@y;T;i ; [o;5 ;i;["
+color;6;7;i ; [ ;&o; ;i;"navigation-color; "navigation_color; @ ; @ o;5 ;i;["letter-spacing;6;7;i ; [ ;&o;2;3;4;&"1px; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o;A;i;" o;B
+;i;["
+hover;C0;D;E;@;@;@;T;i ; [o;5 ;i;["
+color;6;7;i ; [ ;&o;+ ;i;" lighten;,0; @ ;-{ ;.[o; ;i;"navigation-color; "navigation_color; @ o;' ;i;([ ;)"15;&i;*@>; @ ; @ ; @ ;9[" &:hover; @ ;9["a; @ ;9["li; @ ;9["ul; @ ;9[" .navo;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o; ;i;["ul;0;" o;;i;["nav-button;@;@;@;T;i ; [ o;5 ;i;["
+float;6;7;i ; [ ;&o;2;3;4;&"
+right; @ ; @ o;5 ;i;[" display;6;7;i ; [ ;&o;2;3;4;&" inline; @ ; @ o;5 ;i;["
+width;6;7;i ; [ ;&o;2;3;4;&" auto; @ ; @ o;5 ;i;["background-color;6;7;i ; [ ;&o;2;3;4;&"transparent; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o; ;i;["li;0;" ;@;@;T;i ; [o;5 ;i;[" display;6;7;i ; [ ;&o;2;3;4;&" inline; @ ; @ o;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o;A;i;" o;B
+;i;[" before;C0;D;E;@;@;@;T;i ; [o;5 ;i;[" content;6;7;i ; [ ;&o;2;3;4;&"
+"•"; @ ; @ o;5 ;i;["
+color;6;7;i ; [ ;&o; ;i;"navigation-color; "navigation_color; @ ; @ o;5 ;i;["margin-right;6;7;i ; [ ;&o;2;3;4;&" .3em; @ ; @ ; @ ;9["
&:before; @ ;9["lio;
+ ;i; o; ;i;
[o;;
[o;
+;i;o;;{ ;0;
[o; ;i;["li;0;" o;B
+;i;["first-child;C0;D;E;@ o;B
+;i;[" before;C0;D;E;@ ;@ ;@ ;T;i ; [o;5 ;i;[" content;6;7;i ; [ ;&o;2;3;4;&"''; @ ; @ ; @ ;9["li:first-child:before; @ ;9["ul.nav-button; @ ;-{ ;.[o; ;iz;"medium-screen; "medium_screen; @ ; @ ;9["header.navigation; @
\ No newline at end of file