3.2.13 (Media Mark) 6244e6e20bb9db4826dbf8d0a3e8c73b77e92513 o:Sass::Tree::RootNode : @linei:@has_childrenT:@template"ñ $tab-border-color: $base-border-color; $tab-border: 1px solid $tab-border-color; $tab-content-background: lighten($tab-border-color, 10); $tab-active-color: $tab-content-background; $tab-inactive-color: $base-body-color; $vertical-tabs-height: em(300); .vertical-tabs { // small screens: accordion @include clearfix; margin-bottom: $base-line-height; border: $tab-border; border-radius: $base-border-radius; .tabs { display: none; } .tab-container { display: block; margin: 0 auto; .tab-content { padding: 1em; background-color: $tab-content-background; &:last-child { border-bottom-left-radius: $base-border-radius; border-bottom-right-radius: $base-border-radius; } } } .accordion-heading { padding: $base-line-height/2 $gutter/2; border-top: $tab-border; font-weight: bold; background-color: $tab-inactive-color; display: block; cursor: pointer; &:hover { color: $base-accent-color; } &:first-child { border-top: none; border-top-right-radius: $base-border-radius; border-top-left-radius: $base-border-radius; } &.accordion-active { background: $tab-active-color; border-bottom: none; } } @include media($medium-screen) { // turns into tabs .tab-content, .accordion-heading { display: none; } .tabs { float: left; width: 20%; height: $vertical-tabs-height; display: inline; border-top-left-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; background-color: $tab-inactive-color; .tab { display: block; padding: $base-line-height/2 $gutter/2; font-weight: bold; border-bottom: $tab-border; margin-right: -1px; &:hover { color: $base-accent-color; } &:first-child.active { border-top-left-radius: $base-border-radius; } &.active { background-color: $tab-content-background; margin-right: -1px; } } } .tab-container { @include inline-block; @include size(80% $vertical-tabs-height); background-color: $tab-content-background; border-top-right-radius: $base-border-radius; border-bottom-right-radius: $base-border-radius; .tab-content { border: none; } p { border: none; padding: 0; } } } } // Based on code by Jett Miller jettmiller.net:@children[ o:Sass::Tree::VariableNode : @expro:Sass::Script::Variable ;i: @name"base-border-color:@underscored_name"base_border_color: @options{;i; "tab-border-color; [: @guarded0;@ o; ; o:Sass::Script::List ;i:@separator: space: @value[o:Sass::Script::Number ;i:@numerator_units["px:@original"1px;i:@denominator_units[;@ o:Sass::Script::String ;i: @type:identifier;" solid;@ o; ;i; "tab-border-color;"tab_border_color;@ ;@ ;i; "tab-border; [;0;@ o; ; o:Sass::Script::Funcall ;i; " lighten: @splat0;@ :@keywords{: @args[o; ;i; "tab-border-color;"tab_border_color;@ o; ;i;[;"10;i;[;@ ;i; "tab-content-background; [;0;@ o; ; o; ;i ; "tab-content-background;"tab_content_background;@ ;i ; "tab-active-color; [;0;@ o; ; o; ;i ; "base-body-color;"base_body_color;@ ;i ; "tab-inactive-color; [;0;@ o; ; o; ;i ; "em;0;@ ;{;[o; ;i ;[;"300;i,;@);@ ;i ; "vertical-tabs-height; [;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 ; ["vertical-tabs:@filename";+@N;+@N;T: @tabsi; [o:Sass::Tree::CommentNode ;i ;: silent; [;["#/* small screens: accordion */;@ o:Sass::Tree::MixinNode ;i; " clearfix;0; [;@ ;{;[o:Sass::Tree::PropNode ;i; ["margin-bottom:@prop_syntax:new;,i; [;o; ;i; "base-line-height;"base_line_height;@ ;@ o;0 ;i; [" border;1;2;,i; [;o; ;i; "tab-border;"tab_border;@ ;@ o;0 ;i; ["border-radius;1;2;,i; [;o; ;i; "base-border-radius;"base_border_radius;@ ;@ o; ;i;!o;";i;#[o;$;#[o;% ;i;&o;';({;)0;#[o;*;i; [" tabs;+";+@z;+@z;T;,i; [o;0 ;i; [" display;1;2;,i; [;o;;;;" none;@ ;@ ;@ : @rule[" .tabso; ;i;!o;";i;#[o;$;#[o;% ;i;&o;';({;)0;#[o;*;i; ["tab-container;+";+@‹;+@‹;T;,i; [o;0 ;i; [" display;1;2;,i; [;o;;;;" block;@ ;@ o;0 ;i; [" margin;1;2;,i; [;o;;;;" 0 auto;@ ;@ o; ;i;!o;";i;#[o;$;#[o;% ;i;&o;';({;)0;#[o;*;i; ["tab-content;+";+@¥;+@¥;T;,i; [o;0 ;i; [" padding;1;2;,i; [;o;;;;"1em;@ ;@ o;0 ;i; ["background-color;1;2;,i; [;o; ;i; "tab-content-background;"tab_content_background;@ ;@ o; ;i;!o;";i;#[o;$;#[o;% ;i;&o;';({;)0;#[o:Sass::Selector::Parent;i;+"o:Sass::Selector::Pseudo ;i; ["last-child: @arg0:@syntactic_type: class;+@¾;+@¾;+@¾;T;,i; [o;0 ;i ; ["border-bottom-left-radius;1;2;,i; [;o; ;i ; "base-border-radius;"base_border_radius;@ ;@ o;0 ;i!; ["border-bottom-right-radius;1;2;,i; [;o; ;i!; "base-border-radius;"base_border_radius;@ ;@ ;@ ;3["&:last-child;@ ;3[".tab-content;@ ;3[".tab-containero; ;i&;!o;";i&;#[o;$;#[o;% ;i&;&o;';({;)0;#[o;*;i&; ["accordion-heading;+";+@ã;+@ã;T;,i; [o;0 ;i'; [" padding;1;2;,i; [;o; ;i';;;[o:Sass::Script::Operation ;i':@operand2o; ;i';[;"2;i;@);@ :@operand1o; ;i'; "base-line-height;"base_line_height;@ ;@ :@operator:divo;9 ;i';:o; ;i';[;"2;i;@);@ ;;o; ;i'; " gutter;" gutter;@ ;@ ;<;=;@ ;@ o;0 ;i(; ["border-top;1;2;,i; [;o; ;i(; "tab-border;"tab_border;@ ;@ o;0 ;i); ["font-weight;1;2;,i; [;o;;;;" bold;@ ;@ o;0 ;i*; ["background-color;1;2;,i; [;o; ;i*; "tab-inactive-color;"tab_inactive_color;@ ;@ o;0 ;i+; [" display;1;2;,i; [;o;;;;" block;@ ;@ o;0 ;i,; [" cursor;1;2;,i; [;o;;;;" pointer;@ ;@ o; ;i.;!o;";i.;#[o;$;#[o;% ;i.;&o;';({;)0;#[o;4;i.;+"o;5 ;i.; [" hover;60;7;8;+@#;+@#;+@#;T;,i; [o;0 ;i/; [" color;1;2;,i; [;o; ;i/; "base-accent-color;"base_accent_color;@ ;@ ;@ ;3[" &:hovero; ;i2;!o;";i2;#[o;$;#[o;% ;i2;&o;';({;)0;#[o;4;i2;+"o;5 ;i2; ["first-child;60;7;8;+@;;+@;;+@;;T;,i; [o;0 ;i3; ["border-top;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i4; ["border-top-right-radius;1;2;,i; [;o; ;i4; "base-border-radius;"base_border_radius;@ ;@ o;0 ;i5; ["border-top-left-radius;1;2;,i; [;o; ;i5; "base-border-radius;"base_border_radius;@ ;@ ;@ ;3["&:first-childo; ;i8;!o;";i8;#[o;$;#[o;% ;i8;&o;';({;)0;#[o;4;i8;+"o;*;i8; ["accordion-active;+@`;+@`;+@`;T;,i; [o;0 ;i9; ["background;1;2;,i; [;o; ;i9; "tab-active-color;"tab_active_color;@ ;@ o;0 ;i:; ["border-bottom;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;3["&.accordion-active;@ ;3[".accordion-headingo;/ ;i>; " media;T;0; [ o;- ;i>;;.; [;["/* turns into tabs */;@ o; ;i@;!o;";i@;#[o;$;#[o;% ;i@;&o;';({;)0;#[o;*;i@; ["tab-content;+";+@‰o;$;#[" o;% ;i@;&o;';({;)0;#[o;*;i@; ["accordion-heading;+@‰;+@‰;+@‰;T;,i; [o;0 ;iA; [" display;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;3[").tab-content, .accordion-headingo; ;iD;!o;";iD;#[o;$;#[o;% ;iD;&o;';({;)0;#[o;*;iD; [" tabs;+";+@©;+@©;T;,i; [ o;0 ;iE; [" float;1;2;,i; [;o;;;;" left;@ ;@ o;0 ;iF; [" width;1;2;,i; [;o;;;;"20%;@ ;@ o;0 ;iG; [" height;1;2;,i; [;o; ;iG; "vertical-tabs-height;"vertical_tabs_height;@ ;@ o;0 ;iH; [" display;1;2;,i; [;o;;;;" inline;@ ;@ o;0 ;iI; ["border-top-left-radius;1;2;,i; [;o; ;iI; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iJ; ["border-bottom-left-radius;1;2;,i; [;o; ;iJ; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iK; ["background-color;1;2;,i; [;o; ;iK; "tab-inactive-color;"tab_inactive_color;@ ;@ o; ;iM;!o;";iM;#[o;$;#[o;% ;iM;&o;';({;)0;#[o;*;iM; ["tab;+";+@å;+@å;T;,i; [ o;0 ;iN; [" display;1;2;,i; [;o;;;;" block;@ ;@ o;0 ;iO; [" padding;1;2;,i; [;o; ;iO;;;[o;9 ;iO;:o; ;iO;[;"2;i;@);@ ;;o; ;iO; "base-line-height;"base_line_height;@ ;@ ;<;=o;9 ;iO;:o; ;iO;[;"2;i;@);@ ;;o; ;iO; " gutter;" gutter;@ ;@ ;<;=;@ ;@ o;0 ;iP; ["font-weight;1;2;,i; [;o;;;;" bold;@ ;@ o;0 ;iQ; ["border-bottom;1;2;,i; [;o; ;iQ; "tab-border;"tab_border;@ ;@ o;0 ;iR; ["margin-right;1;2;,i; [;o;;;;" -1px;@ ;@ o; ;iT;!o;";iT;#[o;$;#[o;% ;iT;&o;';({;)0;#[o;4;iT;+"o;5 ;iT; [" hover;60;7;8;+@;+@;+@;T;,i; [o;0 ;iU; [" color;1;2;,i; [;o; ;iU; "base-accent-color;"base_accent_color;@ ;@ ;@ ;3[" &:hovero; ;iX;!o;";iX;#[o;$;#[o;% ;iX;&o;';({;)0;#[o;4;iX;+"o;5 ;iX; ["first-child;60;7;8;+@6o;*;iX; [" active;+@6;+@6;+@6;T;,i; [o;0 ;iY; ["border-top-left-radius;1;2;,i; [;o; ;iY; "base-border-radius;"base_border_radius;@ ;@ ;@ ;3["&:first-child.activeo; ;i\;!o;";i\;#[o;$;#[o;% ;i\;&o;';({;)0;#[o;4;i\;+"o;*;i\; [" active;+@Q;+@Q;+@Q;T;,i; [o;0 ;i]; ["background-color;1;2;,i; [;o; ;i]; "tab-content-background;"tab_content_background;@ ;@ o;0 ;i^; ["margin-right;1;2;,i; [;o;;;;" -1px;@ ;@ ;@ ;3[" &.active;@ ;3[" .tab;@ ;3[" .tabso; ;ic;!o;";ic;#[o;$;#[o;% ;ic;&o;';({;)0;#[o;*;ic; ["tab-container;+";+@u;+@u;T;,i; [ o;/ ;id; "inline-block;0; [;@ ;{;[o;/ ;ie; " size;0; [;@ ;{;[o; ;ie;;;[o; ;ie;["%;"80%;iU;[;@ o; ;ie; "vertical-tabs-height;"vertical_tabs_height;@ ;@ o;0 ;if; ["background-color;1;2;,i; [;o; ;if; "tab-content-background;"tab_content_background;@ ;@ o;0 ;ig; ["border-top-right-radius;1;2;,i; [;o; ;ig; "base-border-radius;"base_border_radius;@ ;@ o;0 ;ih; ["border-bottom-right-radius;1;2;,i; [;o; ;ih; "base-border-radius;"base_border_radius;@ ;@ o; ;ij;!o;";ij;#[o;$;#[o;% ;ij;&o;';({;)0;#[o;*;ij; ["tab-content;+";+@¬;+@¬;T;,i; [o;0 ;ik; [" border;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;3[".tab-contento; ;in;!o;";in;#[o;$;#[o;% ;in;&o;';({;)0;#[o:Sass::Selector::Element ;in; ["p:@namespace0;+";+@Â;+@Â;T;,i; [o;0 ;io; [" border;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;ip; [" padding;1;2;,i; [;o;;;;"0;@ ;@ ;@ ;3["p;@ ;3[".tab-container;@ ;{;[o; ;i>; "medium-screen;"medium_screen;@ ;@ ;3[".vertical-tabso;- ;iv;;.; [;["6/* Based on code by Jett Miller jettmiller.net */;@ ;@