{: versionI"3.2.19 (Media Mark):EF:shaI"-c9422d7351186440ca14bd741ff63959b1558f85;F: contents"!jo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i ; @ :@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"#include-html-accordion-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i; @ : @guardedI" !default; T;[; i; @ o; ;I"!accordion-navigation-padding; T;o:Sass::Script::Funcall ;I" rem-calc; T: @args[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"16; F; @ :@keywords{: @splat0; i; @ ;I" !default; T;[; i; @ o; ;I""accordion-navigation-bg-color; T;o; ;I" silver; T;I" silver; T; i; @ ;I" !default; T;[; i; @ o; ;I"(accordion-navigation-hover-bg-color; T;o; ;I"scale-color; T;[o; ;I""accordion-navigation-bg-color; T;I""accordion_navigation_bg_color; T; i; @ ;{I"lightness; To; ;iö;[I"%; T;[; i;I"-5%; F; @ ;0; i; @ ;I" !default; T;[; i; @ o; ;I")accordion-navigation-active-bg-color; T;o; ;I"scale-color; T;[o; ;I""accordion-navigation-bg-color; T;I""accordion_navigation_bg_color; T; i; @ ;{I"lightness; To; ;iĝ;[I"%; T;[; i;I"-3%; F; @ ;0; i; @ ;I" !default; T;[; i; @ o; ;I"$accordion-navigation-font-color; T;o; ;I"jet; T;I"jet; T; i; @ ;I" !default; T;[; i; @ o; ;I"#accordion-navigation-font-size; T;o; ;I" rem-calc; T;[o; ;i;[;@!; i;I"16; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"%accordion-navigation-font-family; T;o; ;I"body-font-family; T;I"body_font_family; T; i; @ ;I" !default; T;[; i; @ o; ;I"accordion-content-padding; T;o:Sass::Script::Operation :@operand1o; ;I"column-gutter; T;I"column_gutter; T; i; @ :@operand2o; ;i;[;@!; i;I"2; F; @ :@operator:div; i; @ ;I" !default; T;[; i; @ o; ;I"&accordion-content-active-bg-color; T;o; ;I" white; T;I" white; T; i; @ ;I" !default; T;[; i; @ o; ;[I"/* Mixin: accordion-container() * Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix * Explicit Dependencies: a clearfix mixin *is* defined. * Implicit Dependencies: None */; T; ; ;[; i; @ o:Sass::Tree::MixinDefNode ;I"accordion-container; T;[;0;[o:Sass::Tree::MixinNode ;I" clearfix; T;[;{;0;[; i$; @ o:Sass::Tree::PropNode ;[I"margin-bottom; T;o:Sass::Script::String;I"0; T; :identifier; @ : @tabsi:@prop_syntax:new;[; i%; @ ; i#:@has_childrenT; @ o; ;[I"‚/* Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){ * @params $bg-color: [ color or string ]: Specify the background color for the navigation element * @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered * @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. * @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible * @params $font-color [ color or string ]: Color of the font for accordion * @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element * @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion */; T; ; ;[; i(; @ o;% ;I"accordion-navigation; T;[ [o;;I"bg; T;I"bg; T; @ o; ;I""accordion-navigation-bg-color; T;I""accordion_navigation_bg_color; T; i1; @ [o;;I" hover-bg; T;I" hover_bg; T; @ o; ;I"(accordion-navigation-hover-bg-color; T;I"(accordion_navigation_hover_bg_color; T; i1; @ [o;;I"active-bg; T;I"active_bg; T; @ o; ;I")accordion-navigation-active-bg-color; T;I")accordion_navigation_active_bg_color; T; i1; @ [o;;I" padding; T;I" padding; T; @ o; ;I"!accordion-navigation-padding; T;I"!accordion_navigation_padding; T; i1; @ [o;;I"active_class; T;I"active_class; T; @ o;( ;I" active; T; : string; i1; @ [o;;I"font-color; T;I"font_color; T; @ o; ;I"$accordion-navigation-font-color; T;I"$accordion_navigation_font_color; T; i1; @ [o;;I"font-size; T;I"font_size; T; @ o; ;I"#accordion-navigation-font-size; T;I"#accordion_navigation_font_size; T; i1; @ [o;;I"font-family; T;I"font_family; T; @ o; ;I"%accordion-navigation-font-family; T;I"%accordion_navigation_font_family; T; i1; @ ;0;[ o;' ;[I" display; T;o;(;I" block; T; ;); @ ;*i;+;,;[; i2; @ o;' ;[I"margin-bottom; T;o;(;I"0 !important; T; ;); @ ;*i;+;,;[; i3; @ u:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" type-of:ET: @args[o:Sass::Script::Variable ;I"active_class; T:@underscored_nameI"active_class; T: @linei4: @options{:@keywords{: @splat0; i4;@ :@operand2o:Sass::Script::String : @valueI" string; T: @type: string; i4;@ :@operator:neq; i4;@ u:Sass::Tree::IfNodec[00[o:Sass::Tree::RuleNode : @rule[I"&.:ETo:Sass::Script::Variable : @nameI"active_class;T:@underscored_nameI"active_class;T: @linei8: @options{I" > a;T: @tabsi:@children[o:Sass::Tree::PropNode ; [I"background;T: @valueo; ; I"active-bg;T; I"active_bg;T; i9; @ ; i:@prop_syntax:new;[; i9; @ ; i8:@has_childrenT; @ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo; ;I"`; T;;; i5;@ : @mido; ;I"active_class; T; I"active_class; T; i5;@ : @aftero; ;I"í` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component.; T;;; i5;@ ; i5;@ :@children[; i6;@ o:Sass::Tree::RuleNode : @rule[I"> a; T;*i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;4[I">; To:#Sass::Selector::SimpleSequence ;4[o:Sass::Selector::Element ;[I"a; T:@namespace0; i<:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i<;9@á; i<;9@á;[ o;' ;[I"background; T;o; ;I"bg; T;I"bg; T; i=; @ ;*i;+;,;[; i=; @ o;' ;[I" color; T;o; ;I"font-color; T;I"font_color; T; i>; @ ;*i;+;,;[; i>; @ u;/­ [o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" type-of:ET: @args[o:Sass::Script::Variable ;I" padding; T:@underscored_nameI" padding; T: @linei?: @options{:@keywords{: @splat0; i?;@ :@operand2o:Sass::Script::String : @valueI" number; T: @type:identifier; i?;@ :@operator:neq; i?;@ u:Sass::Tree::IfNodeÑ[00[o:Sass::Tree::PropNode : @name[I" padding:ET: @valueo:Sass::Script::Variable ;I" padding;T:@underscored_nameI" padding;T: @lineiL: @options{: @tabsi:@prop_syntax:new:@children[; iL; @ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo; ;I"`; T;: string; i@;@ : @mido; ;I" padding; T; I" padding; T; i@;@ : @aftero; ;o; ;I"` was read as ; T;;; i@;@ ;o; ;I" type-of; T; [o; ;I" padding; T; I" padding; T; i@;@ ;{;0; i@;@ ;o; ;I"; T;;; i@;@ ; i@;@ ; i@;@ :@children[; i@;@ u; [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"!accordion-navigation-padding:ET:@underscored_nameI"!accordion_navigation_padding; T: @lineiA: @options{:@operand2o:Sass::Script::Null: @value0; iA; @ :@operator:neq; iA; @ u:Sass::Tree::IfNodeC[00[o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String : @valueI"`:ET: @type: string: @lineiG: @options{: @mido:Sass::Script::Variable : @nameI" padding; T:@underscored_nameI" padding; T;iG;@ : @aftero; ; I"` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding; T; ; ;iG;@ ;iG;@ :@children[;iG;@ o:Sass::Tree::PropNode ;[I" padding; T; o; ; I" null; T; :identifier;@ : @tabsi:@prop_syntax:new;[;iH;@ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String ;I"; T: @type: string; iB; @ : @mido; ;I" padding; T; I" padding; T; iB; @ : @aftero; ;o; ;I" was read as a ; T;;; iB; @ ;o:Sass::Script::Funcall ;I" type-of; T: @args[o; ;I" padding; T; I" padding; T; iB; @ :@keywords{: @splat0; iB; @ ;o; ;I"; T;;; iB; @ ; iB; @ ; iB; @ :@children[; iB; @ o; ;o; ;o; ;I"`; T;;; iC; @ ;o; ;I" padding; T; I" padding; T; iC; @ ;o; ;o; ;I"<` isn't a valid number. $accordion-navigation-padding (; T;;; iC; @ ;o; ;I"!accordion-navigation-padding; T; I"!accordion_navigation_padding; T; iC; @ ;o; ;I") will be used instead.); T;;; iC; @ ; iC; @ ; iC; @ ; [; iC; @ o:Sass::Tree::PropNode ;[I" padding; T;o; ;I"!accordion-navigation-padding; T; I"!accordion_navigation_padding; T; iD; @ : @tabsi:@prop_syntax:new; [; iD; @ o;' ;[I" display; T;o;(;I" block; T; ;); @ ;*i;+;,;[; iN; @ o;' ;[I"font-family; T;o; ;I"font-family; T;I"font_family; T; iO; @ ;*i;+;,;[; iO; @ u;/Ö [o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" type-of:ET: @args[o:Sass::Script::Variable ;I"font-size; T:@underscored_nameI"font_size; T: @lineiP: @options{:@keywords{: @splat0; iP;@ :@operand2o:Sass::Script::String : @valueI" number; T: @type:identifier; iP;@ :@operator:neq; iP;@ u:Sass::Tree::IfNode×[00[o:Sass::Tree::PropNode : @name[I"font-size:ET: @valueo:Sass::Script::Variable ;I"font-size;T:@underscored_nameI"font_size;T: @linei]: @options{: @tabsi:@prop_syntax:new:@children[; i]; @ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo; ;I"`; T;: string; iQ;@ : @mido; ;I"font-size; T; I"font_size; T; iQ;@ : @aftero; ;o; ;I"` was read as a ; T;;; iQ;@ ;o; ;I" type-of; T; [o; ;I"font-size; T; I"font_size; T; iQ;@ ;{;0; iQ;@ ;o; ;I"; T;;; iQ;@ ; iQ;@ ; iQ;@ :@children[; iQ;@ u;[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"#accordion-navigation-font-size:ET:@underscored_nameI"#accordion_navigation_font_size; T: @lineiR: @options{:@operand2o:Sass::Script::Null: @value0; iR; @ :@operator:neq; iR; @ u:Sass::Tree::IfNodeo[00[o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String : @valueI"`:ET: @type: string: @lineiW: @options{: @mido:Sass::Script::Variable : @nameI"font-size; T:@underscored_nameI"font_size; T;iW;@ : @aftero; ; I"³` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size.; T; ; ;iW;@ ;iW;@ :@children[;iW;@ o:Sass::Tree::PropNode ;[I"font-size; T; o; ; I" null; T; :identifier;@ : @tabsi:@prop_syntax:new;[;iX;@ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String ;I"`; T: @type: string; iS; @ : @mido; ;I"font-size; T; I"font_size; T; iS; @ : @aftero; ;o; ;I"a` is not a valid number. The value of $accordion-navigation-font-size will be used instead (; T;;; iS; @ ;o; ;I"#accordion-navigation-font-size; T; I"#accordion_navigation_font_size; T; iS; @ ;o; ;I").; T;;; iS; @ ; iS; @ ; iS; @ :@children[; iS; @ o:Sass::Tree::PropNode ;[I"font-size; T;o; ;I"#accordion-navigation-font-size; T; I"#accordion_navigation_font_size; T; iT; @ : @tabsi:@prop_syntax:new;[; iT; @ o;0 ;1[I" &:hover; T;*i;2o;3;4[o;5;4[o;6 ;4[o:Sass::Selector::Parent; i_;9I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; i_;9@ ;:0;;o;<;={; i_;9@ ; i_;9@ ;[o;' ;[I"background; T;o; ;I" hover-bg; T;I" hover_bg; T; i`; @ ;*i;+;,;[; i`; @ ; i_;-T; @ ; i<;-T; @ ; i1;-T; @ o; ;[I"J/* Mixin: accordion-content($bg, $padding, $active-class) * @params $padding [ number ]: Padding for the content of the container * @params $bg [ color ]: Background color for the content when it's visible * @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. */; T; ; ;[; ie; @ o;% ;I"accordion-content; T;[[o;;I"bg; T;I"bg; T; @ o; ;I"&accordion-content-active-bg-color; T;I"&accordion_content_active_bg_color; T; ij; @ [o;;I" padding; T;I" padding; T; @ o; ;I"accordion-content-padding; T;I"accordion_content_padding; T; ij; @ [o;;I"active_class; T;I"active_class; T; @ o;( ;I" active; T; ;.; ij; @ ;0;[o;' ;[I" display; T;o;(;I" none; T; ;); @ ;*i;+;,;[; ik; @ u;/ċ[o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" type-of:ET: @args[o:Sass::Script::Variable ;I" padding; T:@underscored_nameI" padding; T: @lineil: @options{:@keywords{: @splat0; il;@ :@operand2o:Sass::Script::String : @valueI" number; T: @type: string; il;@ :@operator:neq; il;@ u:Sass::Tree::IfNodeÑ[00[o:Sass::Tree::PropNode : @name[I" padding:ET: @valueo:Sass::Script::Variable ;I" padding;T:@underscored_nameI" padding;T: @lineiv: @options{: @tabsi:@prop_syntax:new:@children[; iv; @ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo; ;I"; T;;; im;@ : @mido; ;I" padding; T; I" padding; T; im;@ : @aftero; ;o; ;I" was read as a ; T;;; im;@ ;o; ;I" type-of; T; [o; ;I" padding; T; I" padding; T; im;@ ;{;0; im;@ ;o; ;I"; T;;; im;@ ; im;@ ; im;@ :@children[; im;@ u;K[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"accordion-content-padding:ET:@underscored_nameI"accordion_content_padding; T: @linein: @options{:@operand2o:Sass::Script::Null: @value0; in; @ :@operator:neq; in; @ u:Sass::Tree::IfNodeZ[00[o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String : @valueI"`:ET: @type: string: @lineir: @options{: @mido:Sass::Script::Variable : @nameI" padding; T:@underscored_nameI" padding; T;ir;@ : @aftero; ; I"¤` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding.; T; ; ;ir;@ ;ir;@ :@children[;ir;@ o:Sass::Tree::PropNode ;[I" padding; T; o; ; I" null; T; :identifier;@ : @tabsi:@prop_syntax:new;[;is;@ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo:Sass::Script::String ;I"`; T: @type: string; io; @ : @mido; ;I" padding; T; I" padding; T; io; @ : @aftero; ;I"D` isn't a valid number. $accordion-content-padding used instead; T;;; io; @ ; io; @ :@children[; io; @ o:Sass::Tree::PropNode ;[I" padding; T;o; ;I"accordion-content-padding; T; I"accordion_content_padding; T; ip; @ : @tabsi:@prop_syntax:new;[; ip; @ u;/à[o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" type-of:ET: @args[o:Sass::Script::Variable ;I"active_class; T:@underscored_nameI"active_class; T: @lineiy: @options{:@keywords{: @splat0; iy;@ :@operand2o:Sass::Script::String : @valueI" string; T: @type: string; iy;@ :@operator:neq; iy;@ u:Sass::Tree::IfNode³[00[o:Sass::Tree::RuleNode : @rule[I"&.:ETo:Sass::Script::Variable : @nameI"active_class;T:@underscored_nameI"active_class;T: @linei}: @options{: @tabsi:@children[o:Sass::Tree::PropNode ; [I" display;T: @valueo:Sass::Script::String;I" block;T: @type:identifier; @ ; i:@prop_syntax:new;[; i~; @ o; ; [I"background;T;o; ; I"bg;T; I"bg;T; i; @ ; i;;;[; i; @ ; i}:@has_childrenT; @ [o:Sass::Tree::WarnNode : @expro:&Sass::Script::StringInterpolation : @beforeo; ;I"`; T;;; iz;@ : @mido; ;I"active_class; T; I"active_class; T; iz;@ : @aftero; ;I"à` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. ; T;;; iz;@ ; iz;@ :@children[; i{;@ ; ij;-T; @ o;& ;I" exports; T;[o;( ;I"accordion; T; ;.; i; @ ;{;0;[u;/µ [o:Sass::Script::Variable : @nameI"#include-html-accordion-classes:ET:@underscored_nameI"#include_html_accordion_classes;T: @linei€: @options{0[o:Sass::Tree::RuleNode : @rule[I".accordion;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"accordion;T; i:@filenameI";T: @subject0: @sourceso:Set: @hash{; i;@; i;@:@children[o:Sass::Tree::MixinNode ;I" clearfix;T: @args[:@keywords{: @splat0;[; i‚; @ o:Sass::Tree::PropNode ;[I"margin-bottom;T: @valueo:Sass::Script::String;I"0;T: @type:identifier; @ ; i:@prop_syntax:new;[; iƒ; @ o; ; [I".accordion-navigation, dd;T; i;o;;[o;;[o; ;[o;;[I"accordion-navigation;T; i„;I";T;0;o;;{; i„;@2o;;[o; ;[o:Sass::Selector::Element ;[I"dd;T:@namespace0; i„;@2;0;o;;{; i„;@2; i„;@2;[ o; ;[I" display;T;o; ;I" block;T;!;"; @ ; i;#;$;[; i…; @ o; ;[I"margin-bottom;T;o; ;I"0 !important;T;!;"; @ ; i;#;$;[; i†; @ o; ; [I"&.active > a;T; i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i‡;I";To;;[I" active;T; i‡;@U;0;o;;{; i‡;@UI">;To; ;[o;% ;[I"a;T;&0; i‡;@U;0;o;;{; i‡;@U; i‡;@U;[o; ;[I"background;T;o; ;I")accordion-navigation-active-bg-color;T;I")accordion_navigation_active_bg_color;T; i‡; @ ; i;#;$;[; i‡; @ ; i‡:@has_childrenT; @ o; ; [I"> a;T; i;o;;[o;;[I">;To; ;[o;% ;[I"a;T;&0; iˆ;I";T;0;o;;{; iˆ;@x; iˆ;@x;[ o; ;[I"background;T;o; ;I""accordion-navigation-bg-color;T;I""accordion_navigation_bg_color;T; i‰; @ ; i;#;$;[; i‰; @ o; ;[I" color;T;o; ;I"$accordion-navigation-font-color;T;I"$accordion_navigation_font_color;T; iŠ; @ ; i;#;$;[; iŠ; @ o; ;[I" padding;T;o; ;I"!accordion-navigation-padding;T;I"!accordion_navigation_padding;T; i‹; @ ; i;#;$;[; i‹; @ o; ;[I" display;T;o; ;I" block;T;!;"; @ ; i;#;$;[; iŒ; @ o; ;[I"font-family;T;o; ;I"%accordion-navigation-font-family;T;I"%accordion_navigation_font_family;T; i; @ ; i;#;$;[; i; @ o; ;[I"font-size;T;o; ;I"#accordion-navigation-font-size;T;I"#accordion_navigation_font_size;T; iŽ; @ ; i;#;$;[; iŽ; @ o; ; [I" &:hover;T; i;o;;[o;;[o; ;[o;'; i;I";To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover;T: @arg0; i;@Ş;0;o;;{; i;@Ş; i;@Ş;[o; ;[I"background;T;o; ;I"(accordion-navigation-hover-bg-color;T;I"(accordion_navigation_hover_bg_color;T; i; @ ; i;#;$;[; i; @ ; i;(T; @ ; iˆ;(T; @ o; ; [I"> .content;T; i;o;;[o;;[I">;To; ;[o;;[I" content;T; i’;I";T;0;o;;{; i’;@Ċ; i’;@Ċ;[o; ;[I" display;T;o; ;I" none;T;!;"; @ ; i;#;$;[; i“; @ o; ;[I" padding;T;o; ;I"accordion-content-padding;T;I"accordion_content_padding;T; i”; @ ; i;#;$;[; i”; @ o; ; [I" &.active;T; i;o;;[o;;[o; ;[o;'; i•;I";To;;[I" active;T; i•;@à;0;o;;{; i•;@à; i•;@à;[o; ;[I" display;T;o; ;I" block;T;!;"; @ ; i;#;$;[; i–; @ o; ;[I"background;T;o; ;I"&accordion-content-active-bg-color;T;I"&accordion_content_active_bg_color;T; i—; @ ; i;#;$;[; i—; @ ; i•;(T; @ ; i’;(T; @ ; i„;(T; @ ; i;(T; @ ; i; @ ;-T;I"G// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @variables // $include-html-accordion-classes: $include-html-classes !default; $accordion-navigation-padding: rem-calc(16) !default; $accordion-navigation-bg-color: $silver !default; $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%) !default; $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%) !default; $accordion-navigation-font-color: $jet !default; $accordion-navigation-font-size: rem-calc(16) !default; $accordion-navigation-font-family: $body-font-family !default; $accordion-content-padding: $column-gutter/2 !default; $accordion-content-active-bg-color: $white !default; // Mixin: accordion-container() // Decription: Responsible for the container component of accordions, generating styles relating to a margin of zero and a clearfix // Explicit Dependencies: a clearfix mixin *is* defined. // Implicit Dependencies: None @mixin accordion-container() { @include clearfix; margin-bottom: 0; } // Mixin: accordion-navigation( $bg, $hover-bg, $active-bg, $padding, $active_class, $font-color, $font-size, $font-family){ // @params $bg-color: [ color or string ]: Specify the background color for the navigation element // @params $hover-bg-color [ color or string ]: Specify the background color for the navigation element when hovered // @params $active-bg [ color or string ]: Specify the background color for the navigation element when clicked and not released. // @params $active_class [ string ]: Specify the class name used to keep track of which accordion tab should be visible // @params $font-color [ color or string ]: Color of the font for accordion // @params $font-size [ number ]: Specifiy the font-size of the text inside the navigation element // @params $font-family [ string ]: Specify the font family for the text of the navigation of the accorion @mixin accordion-navigation( $bg: $accordion-navigation-bg-color, $hover-bg: $accordion-navigation-hover-bg-color, $active-bg: $accordion-navigation-active-bg-color, $padding: $accordion-navigation-padding, $active_class: 'active', $font-color: $accordion-navigation-font-color, $font-size: $accordion-navigation-font-size, $font-family: $accordion-navigation-font-family ){ display: block; margin-bottom: 0 !important; @if type-of($active_class) != "string" { @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of this navigation component." } @else { &.#{ $active_class } > a { background: $active-bg; } } > a { background: $bg; color: $font-color; @if type-of($padding) != number { @warn "`#{$padding}` was read as #{type-of($padding)}"; @if $accordion-navigation-padding != null { @warn "#{$padding} was read as a #{type-of($padding)}"; @warn "`#{$padding}` isn't a valid number. $accordion-navigation-padding (#{$accordion-navigation-padding}) will be used instead.)"; padding: $accordion-navigation-padding; } @else { @warn "`#{$padding}` isn't a valid number and $accordion-navigation-padding is missing. A value of `null` is returned to not output an invalid value for padding"; padding: null; } } @else { padding: $padding; } display: block; font-family: $font-family; @if type-of($font-size) != number { @warn "`#{$font-size}` was read as a #{type-of($font-size)}"; @if $accordion-navigation-font-size != null { @warn "`#{$font-size}` is not a valid number. The value of $accordion-navigation-font-size will be used instead (#{$accordion-navigation-font-size})."; font-size: $accordion-navigation-font-size; } @else{ @warn "`#{$font-size}` is not a valid number and the default value of $accordion-navigation-font-size is not defined. A value of `null` will be returned to not generate an invalid value for font-size."; font-size: null; } } @else { font-size: $font-size; } &:hover { background: $hover-bg; } } } // Mixin: accordion-content($bg, $padding, $active-class) // @params $padding [ number ]: Padding for the content of the container // @params $bg [ color ]: Background color for the content when it's visible // @params $active_class [ string ]: Class name used to keep track of which accordion tab should be visible. @mixin accordion-content($bg: $accordion-content-active-bg-color, $padding: $accordion-content-padding, $active_class: 'active'){ display: none; @if type-of($padding) != "number" { @warn "#{$padding} was read as a #{type-of($padding)}"; @if $accordion-content-padding != null { @warn "`#{$padding}` isn't a valid number. $accordion-content-padding used instead"; padding: $accordion-content-padding; } @else { @warn "`#{$padding}` isn't a valid number and the default value of $accordion-content-padding is not defined. A value of `null` is returned to not output an invalid value for padding."; padding: null; } } @else { padding: $padding; } @if type-of($active_class) != "string" { @warn "`#{$active_class}` isn't a valid string. A valid string is needed to correctly be interpolated as a CSS class. CSS classes cannot start with a number or consist of only numbers. CSS will not be generated for the active state of the content. " } @else { &.#{$active_class} { display: block; background: $bg; } } } @include exports("accordion") { @if $include-html-accordion-classes { .accordion { @include clearfix; margin-bottom: 0; .accordion-navigation, dd { display: block; margin-bottom: 0 !important; &.active > a { background: $accordion-navigation-active-bg-color; } > a { background: $accordion-navigation-bg-color; color: $accordion-navigation-font-color; padding: $accordion-navigation-padding; display: block; font-family: $accordion-navigation-font-family; font-size: $accordion-navigation-font-size; &:hover { background: $accordion-navigation-hover-bg-color; } } > .content { display: none; padding: $accordion-content-padding; &.active { display: block; background: $accordion-content-active-bg-color; } } } } } } ; T; i;-T; @