3.2.12 (Media Mark) 30ee8a37194905958e98fa53dc297d894ea3ef9c o:Sass::Tree::RootNode : @linei:@has_childrenT:@template".accordion-tabs { // small screens: accordion $tab-content-color: lighten($light-gray, 10); $tab-border: 1px solid $base-border-color; $tab-active-color: $tab-content-color; $tab-inactive-color: $base-body-color; $tab-inactive-hover-color: darken($light-gray, 5); @include clearfix; width: 100%; margin-bottom: $base-line-height; border: $tab-border; border-radius: $base-border-radius; li { list-style: none; display: block; &:first-child a { border-top: 0; border-top-right-radius: $base-border-radius; border-top-left-radius: $base-border-radius; } &:last-child a { border-bottom-right-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; } a { display: block; padding: 0.5em 1em; font-weight: bold; background-color: $tab-inactive-color; text-decoration: none; color: $dark-gray; border-top: $tab-border; &:hover { color: $base-link-color; } &.active { background-color: $tab-active-color; border-bottom: 0; } } section { padding: 1em; display: none; background-color: $tab-content-color; overflow: hidden; } } } @include media($medium-screen) { // turns into tabs .tabs { position: relative; border: none; border-radius: $base-border-radius; li { display: inline; a { display: inline-block; border-top: 0; &.active { background-color: $tab-active-color; border-bottom: 1px solid $tab-active-color; margin-bottom: -1px; border-top-right-radius: $base-border-radius; border-top-left-radius: $base-border-radius; border-top: $tab-border; border-left: $tab-border; border-right: $tab-border; } } } section { padding: 1em; border: $tab-border; border-top-right-radius: $base-border-radius; border-bottom-left-radius: $base-border-radius; border-bottom-right-radius: $base-border-radius; float: left; left: 0; } } } :@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::Class;i: @name["accordion-tabs:@filename";@;@;T: @tabsi; [o:Sass::Tree::CommentNode ;i: @type: silent; [: @value["#/* small screens: accordion */: @options{o:Sass::Tree::VariableNode : @expro:Sass::Script::Funcall ;i;" lighten: @splat0;@:@keywords{: @args[o:Sass::Script::Variable ;i;"light-gray:@underscored_name"light_gray;@o:Sass::Script::Number ;i:@denominator_units[:@numerator_units[:@original"10;i;@;i;"tab-content-color; [: @guarded0;@o; ;o:Sass::Script::List ;i:@separator: space;[o;% ;i;&[;'["px;("1px;i;@o:Sass::Script::String ;i;:identifier;" solid;@o;# ;i;"base-border-color;$"base_border_color;@;@;i;"tab-border; [;)0;@o; ;o;# ;i ;"tab-content-color;$"tab_content_color;@;i ;"tab-active-color; [;)0;@o; ;o;# ;i ;"base-body-color;$"base_body_color;@;i ;"tab-inactive-color; [;)0;@o; ;o; ;i ;" darken; 0;@;!{;"[o;# ;i ;"light-gray;$"light_gray;@o;% ;i ;&@$;'[;("5;i ;@;i ;"tab-inactive-hover-color; [;)0;@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;["li:@namespace0;";@};@};T;i; [ o;0 ;i;["list-style;1;2;i; [;o;-;;.;" none;@;@o;0 ;i;[" display;1;2;i; [;o;-;;.;" block;@;@o; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o:Sass::Selector::Parent;i;"o:Sass::Selector::Pseudo ;i;["first-child: @arg0:@syntactic_type: class;@;@o; ;i;o;;{;0; [o;3 ;i;["a;40;@;@;@;T;i; [o;0 ;i;["border-top;1;2;i; [;o;-;;.;"0;@;@o;0 ;i;["border-top-right-radius;1;2;i; [;o;# ;i;"base-border-radius;$"base_border_radius;@;@o;0 ;i;["border-top-left-radius;1;2;i; [;o;# ;i;"base-border-radius;$"base_border_radius;@;@;@: @rule["&:first-child ao; ;i; o; ;i; [o;; [o; ;i;o;;{;0; [o;5;i;"o;6 ;i;["last-child;70;8;9;@;@o; ;i;o;;{;0; [o;3 ;i;["a;40;@;@;@;T;i; [o;0 ;i;["border-bottom-right-radius;1;2;i; [;o;# ;i;"base-border-radius;$"base_border_radius;@;@o;0 ;i;["border-bottom-left-radius;1;2;i; [;o;# ;i;"base-border-radius;$"base_border_radius;@;@;@;:["&:last-child ao; ;i"; o; ;i"; [o;; [o; ;i";o;;{;0; [o;3 ;i";["a;40;";@;@;T;i; [o;0 ;i#;[" display;1;2;i; [;o;-;;.;" block;@;@o;0 ;i$;[" padding;1;2;i; [;o;-;;.;"0.5em 1em;@;@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 ;i(;[" color;1;2;i; [;o;# ;i(;"dark-gray;$"dark_gray;@;@o;0 ;i);["border-top;1;2;i; [;o;# ;i);"tab-border;$"tab_border;@;@o; ;i+; o; ;i+; [o;; [o; ;i+;o;;{;0; [o;5;i+;"o;6 ;i+;[" hover;70;8;9;@;@;@;T;i; [o;0 ;i,;[" color;1;2;i; [;o;# ;i,;"base-link-color;$"base_link_color;@;@;@;:[" &:hovero; ;i/; o; ;i/; [o;; [o; ;i/;o;;{;0; [o;5;i/;"o;;i/;[" active;@5;@5;@5;T;i; [o;0 ;i0;["background-color;1;2;i; [;o;# ;i0;"tab-active-color;$"tab_active_color;@;@o;0 ;i1;["border-bottom;1;2;i; [;o;-;;.;"0;@;@;@;:[" &.active;@;:["ao; ;i5; o; ;i5; [o;; [o; ;i5;o;;{;0; [o;3 ;i5;[" section;40;";@W;@W;T;i; [ o;0 ;i6;[" padding;1;2;i; [;o;-;;.;"1em;@;@o;0 ;i7;[" display;1;2;i; [;o;-;;.;" none;@;@o;0 ;i8;["background-color;1;2;i; [;o;# ;i8;"tab-content-color;$"tab_content_color;@;@o;0 ;i9;[" overflow;1;2;i; [;o;-;;.;" hidden;@;@;@;:[" section;@;:["li;@;:[".accordion-tabso;/ ;i>;" media;T; 0; [o; ;i>;;; [;["/* turns into tabs */;@o; ;i?; o; ;i?; [o;; [o; ;i?;o;;{;0; [o;;i?;[" tabs;";@;@;T;i; [ o;0 ;i@;[" position;1;2;i; [;o;-;;.;" relative;@;@o;0 ;iA;[" border;1;2;i; [;o;-;;.;" none;@;@o;0 ;iB;["border-radius;1;2;i; [;o;# ;iB;"base-border-radius;$"base_border_radius;@;@o; ;iD; o; ;iD; [o;; [o; ;iD;o;;{;0; [o;3 ;iD;["li;40;";@;@;T;i; [o;0 ;iE;[" display;1;2;i; [;o;-;;.;" inline;@;@o; ;iG; o; ;iG; [o;; [o; ;iG;o;;{;0; [o;3 ;iG;["a;40;";@;@;T;i; [o;0 ;iH;[" display;1;2;i; [;o;-;;.;"inline-block;@;@o;0 ;iI;["border-top;1;2;i; [;o;-;;.;"0;@;@o; ;iK; o; ;iK; [o;; [o; ;iK;o;;{;0; [o;5;iK;"o;;iK;[" active;@;@;@;T;i; [ o;0 ;iL;["background-color;1;2;i; [;o;# ;iL;"tab-active-color;$"tab_active_color;@;@o;0 ;iM;["border-bottom;1;2;i; [;o;* ;iM;+;,;[o;% ;iM;&[;'["px;("1px;i;@o;- ;iM;;.;" solid;@o;# ;iM;"tab-active-color;$"tab_active_color;@;@;@o;0 ;iN;["margin-bottom;1;2;i; [;o;-;;.;" -1px;@;@o;0 ;iO;["border-top-right-radius;1;2;i; [;o;# ;iO;"base-border-radius;$"base_border_radius;@;@o;0 ;iP;["border-top-left-radius;1;2;i; [;o;# ;iP;"base-border-radius;$"base_border_radius;@;@o;0 ;iQ;["border-top;1;2;i; [;o;# ;iQ;"tab-border;$"tab_border;@;@o;0 ;iR;["border-left;1;2;i; [;o;# ;iR;"tab-border;$"tab_border;@;@o;0 ;iS;["border-right;1;2;i; [;o;# ;iS;"tab-border;$"tab_border;@;@;@;:[" &.active;@;:["a;@;:["lio; ;iX; o; ;iX; [o;; [o; ;iX;o;;{;0; [o;3 ;iX;[" section;40;";@/;@/;T;i; [ o;0 ;iY;[" padding;1;2;i; [;o;-;;.;"1em;@;@o;0 ;iZ;[" border;1;2;i; [;o;# ;iZ;"tab-border;$"tab_border;@;@o;0 ;i[;["border-top-right-radius;1;2;i; [;o;# ;i[;"base-border-radius;$"base_border_radius;@;@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;@;@o;0 ;i^;[" float;1;2;i; [;o;-;;.;" left;@;@o;0 ;i_;[" left;1;2;i; [;o;-;;.;"0;@;@;@;:[" section;@;:[" .tabs;@;!{;"[o;# ;i>;"medium-screen;$"medium_screen;@;@