3.2.12 (Media Mark) f2b4e07ded20f872df210234999623d8030d90fe 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: 300px; .vertical-tabs { // small screens: accordion @include clearfix; width: 100%; margin-bottom: $base-line-height; border: $tab-border; border-radius: $base-border-radius; ul.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; } } } .tab_drawer_heading { padding: 0.5em 1em; margin: 0; border-top: $tab-border; font-weight: bold; background-color: $tab-inactive-color; text-decoration: none; color: $dark-gray; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &: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, .tab_drawer_heading { display: none; } ul.tabs { float: left; width: 20%; display: inline; vertical-align: top; height: $vertical-tabs-height; border-right: none; border-top-left-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; background-color: $tab-inactive-color; li { cursor: pointer; padding: 0.5em 1em; 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 { background-color: $tab-content-background; display: inline-block; border-top-right-radius: $base-border-radius; border-bottom-right-radius: $base-border-radius; width: 80%; height: $vertical-tabs-height; .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:@denominator_units[:@numerator_units["px:@original"1px;i;@ 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 ;[;["px;" 300px;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";+@L;+@L;T: @tabsi; [o:Sass::Tree::CommentNode ;i;: silent; [;["#/* small screens: accordion */;@ o:Sass::Tree::MixinNode ;i; " clearfix;0; [;@ ;{;[o:Sass::Tree::PropNode ;i; [" width:@prop_syntax:new;,i; [;o;;;;" 100%;@ ;@ o;0 ;i; ["margin-bottom;1;2;,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:Sass::Selector::Element ;i; ["ul:@namespace0;+"o;*;i; [" tabs;+@~;+@~;+@~;T;,i; [o;0 ;i; [" display;1;2;,i; [;o;;;;" none;@ ;@ ;@ : @rule[" ul.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;@ ;@ ;@ ;5["&:last-child;@ ;5[".tab_content;@ ;5[".tab_containero; ;i);!o;";i);#[o;$;#[o;% ;i);&o;';({;)0;#[o;*;i); ["tab_drawer_heading;+";+@;+@;T;,i; [o;0 ;i*; [" padding;1;2;,i; [;o;;;;"0.5em 1em;@ ;@ o;0 ;i+; [" margin;1;2;,i; [;o;;;;"0;@ ;@ 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/; ["text-decoration;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i0; [" color;1;2;,i; [;o; ;i0; "dark-gray;"dark_gray;@ ;@ o;0 ;i1; [" display;1;2;,i; [;o;;;;" block;@ ;@ o;0 ;i2; [" cursor;1;2;,i; [;o;;;;" pointer;@ ;@ o;0 ;i3; ["-webkit-touch-callout;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i4; ["-webkit-user-select;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i5; ["-khtml-user-select;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i6; ["-moz-user-select;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i7; ["-ms-user-select;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i8; ["user-select;1;2;,i; [;o;;;;" none;@ ;@ o; ;i:;!o;";i:;#[o;$;#[o;% ;i:;&o;';({;)0;#[o;6;i:;+"o;7 ;i:; [" hover;80;9;:;+@S;+@S;+@S;T;,i; [o;0 ;i;; [" color;1;2;,i; [;o; ;i;; "base-accent-color;"base_accent_color;@ ;@ ;@ ;5[" &:hovero; ;i>;!o;";i>;#[o;$;#[o;% ;i>;&o;';({;)0;#[o;6;i>;+"o;7 ;i>; ["first-child;80;9;:;+@k;+@k;+@k;T;,i; [o;0 ;i?; ["border-top;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i@; ["border-top-right-radius;1;2;,i; [;o; ;i@; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iA; ["border-top-left-radius;1;2;,i; [;o; ;iA; "base-border-radius;"base_border_radius;@ ;@ ;@ ;5["&:first-childo; ;iD;!o;";iD;#[o;$;#[o;% ;iD;&o;';({;)0;#[o;6;iD;+"o;*;iD; ["accordion_active;+@;+@;+@;T;,i; [o;0 ;iE; ["background;1;2;,i; [;o; ;iE; "tab-active-color;"tab_active_color;@ ;@ o;0 ;iF; ["border-bottom;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;5["&.accordion_active;@ ;5[".tab_drawer_headingo;/ ;iJ; " media;T;0; [ o;- ;iJ;;.; [;["/* turns into tabs */;@ o; ;iL;!o;";iL;#[o;$;#[o;% ;iL;&o;';({;)0;#[o;*;iL; ["tab_content;+";+@o;$;#[" o;% ;iL;&o;';({;)0;#[o;*;iL; ["tab_drawer_heading;+@;+@;+@;T;,i; [o;0 ;iM; [" display;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;5["*.tab_content, .tab_drawer_headingo; ;iP;!o;";iP;#[o;$;#[o;% ;iP;&o;';({;)0;#[o;3 ;iP; ["ul;40;+"o;*;iP; [" tabs;+@;+@;+@;T;,i; [o;0 ;iQ; [" float;1;2;,i; [;o;;;;" left;@ ;@ o;0 ;iR; [" width;1;2;,i; [;o;;;;"20%;@ ;@ o;0 ;iS; [" display;1;2;,i; [;o;;;;" inline;@ ;@ o;0 ;iT; ["vertical-align;1;2;,i; [;o;;;;"top;@ ;@ o;0 ;iU; [" height;1;2;,i; [;o; ;iU; "vertical-tabs-height;"vertical_tabs_height;@ ;@ o;0 ;iV; ["border-right;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;iW; ["border-top-left-radius;1;2;,i; [;o; ;iW; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iX; ["border-bottom-left-radius;1;2;,i; [;o; ;iX; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iY; ["background-color;1;2;,i; [;o; ;iY; "tab-inactive-color;"tab_inactive_color;@ ;@ o; ;i[;!o;";i[;#[o;$;#[o;% ;i[;&o;';({;)0;#[o;3 ;i[; ["li;40;+";+@$;+@$;T;,i; [ o;0 ;i\; [" cursor;1;2;,i; [;o;;;;" pointer;@ ;@ o;0 ;i]; [" padding;1;2;,i; [;o;;;;"0.5em 1em;@ ;@ o;0 ;i^; ["font-weight;1;2;,i; [;o;;;;" bold;@ ;@ o;0 ;i_; ["border-bottom;1;2;,i; [;o; ;i_; "tab-border;"tab_border;@ ;@ o;0 ;i`; ["margin-right;1;2;,i; [;o;;;;" -1px;@ ;@ o; ;ib;!o;";ib;#[o;$;#[o;% ;ib;&o;';({;)0;#[o;6;ib;+"o;7 ;ib; [" hover;80;9;:;+@O;+@O;+@O;T;,i; [o;0 ;ic; [" color;1;2;,i; [;o; ;ic; "base-accent-color;"base_accent_color;@ ;@ ;@ ;5[" &:hovero; ;if;!o;";if;#[o;$;#[o;% ;if;&o;';({;)0;#[o;6;if;+"o;7 ;if; ["first-child;80;9;:;+@go;*;if; [" active;+@g;+@g;+@g;T;,i; [o;0 ;ig; ["border-top-left-radius;1;2;,i; [;o; ;ig; "base-border-radius;"base_border_radius;@ ;@ ;@ ;5["&:first-child.activeo; ;ij;!o;";ij;#[o;$;#[o;% ;ij;&o;';({;)0;#[o;6;ij;+"o;*;ij; [" active;+@;+@;+@;T;,i; [o;0 ;ik; ["background-color;1;2;,i; [;o; ;ik; "tab-content-background;"tab_content_background;@ ;@ o;0 ;il; ["margin-right;1;2;,i; [;o;;;;" -1px;@ ;@ ;@ ;5[" &.active;@ ;5["li;@ ;5[" ul.tabso; ;iq;!o;";iq;#[o;$;#[o;% ;iq;&o;';({;)0;#[o;*;iq; ["tab_container;+";+@;+@;T;,i; [ o;0 ;ir; ["background-color;1;2;,i; [;o; ;ir; "tab-content-background;"tab_content_background;@ ;@ o;0 ;is; [" display;1;2;,i; [;o;;;;"inline-block;@ ;@ o;0 ;it; ["border-top-right-radius;1;2;,i; [;o; ;it; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iu; ["border-bottom-right-radius;1;2;,i; [;o; ;iu; "base-border-radius;"base_border_radius;@ ;@ o;0 ;iv; [" width;1;2;,i; [;o;;;;"80%;@ ;@ o;0 ;iw; [" height;1;2;,i; [;o; ;iw; "vertical-tabs-height;"vertical_tabs_height;@ ;@ o; ;iy;!o;";iy;#[o;$;#[o;% ;iy;&o;';({;)0;#[o;*;iy; ["tab_content;+";+@;+@;T;,i; [o;0 ;iz; [" border;1;2;,i; [;o;;;;" none;@ ;@ ;@ ;5[".tab_contento; ;i};!o;";i};#[o;$;#[o;% ;i};&o;';({;)0;#[o;3 ;i}; ["p;40;+";+@;+@;T;,i; [o;0 ;i~; [" border;1;2;,i; [;o;;;;" none;@ ;@ o;0 ;i; [" padding;1;2;,i; [;o;;;;"0;@ ;@ ;@ ;5["p;@ ;5[".tab_container;@ ;{;[o; ;iJ; "medium-screen;"medium_screen;@ ;@ ;5[".vertical-tabso;- ;i;;.; [;["6/* Based on code by Jett Miller jettmiller.net */;@ ;@