3.4.25 (Selective Steve) 745631f50cc87f9ffe571562e37a31ec9c1cd2f0 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"/* After hours and hours of investigation to find a propper way to manage the stylings of the buttons, I ended up by using the forbidden and anti-pattern '!important' statement. The reason is the CSS specificity, see: https://css-tricks.com/specifics-on-css-specificity/ a-tag links have to have the brand specific stylings withing the section templates only. So the styling specificity of this links must be at leased 0022. But the buttons which can be placed anywhere in the code have at most 0021. There is no chance to style the buttons in a generic way what so ever, except overriding the buttons in all necessary templates, and that's a mess we already had! - DF */:ET: @type: normal;[:@filename0: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i: @fileI"V/var/www/html/cnCnx2020/extensions/vendor/cnd/designs/web/cnx/styles/_button.scss; T:@importere:"Compass::ImportOnce::Importero: Sass::Importers::Filesystem: @rootI":/var/www/html/cnCnx2020/extensions/vendor/cnd/designs; T:@real_rootI":/var/www/html/cnCnx2020/extensions/vendor/cnd/designs; T:@same_name_warningso:Set: @hash}Fo:Sass::Tree::RuleNode: @rule[I" .btn; T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;"[o:#Sass::Selector::SimpleSequence ;"[o:Sass::Selector::Class: @nameI"btn; T;i; 0: @subject0: @sourceso;;}F;o; ;o;;i;i;o;;i;i ;0;0;i; 0;i;i; 0:@selector_source_rangeo; ;o;;i;i;o;;i;i ;@;@: @tabsi;[o:Sass::Tree::PropNode;&[I"white-space; T;o: Sass::Script::Tree::Literal;o: Sass::Script::Value::String ;I" normal; T; @ ; :identifier:"@deprecated_interp_equivalent0;i;o; ;o;;i;i;o;;i;i;@;@;*i:@prop_syntax:new;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@:@name_source_rangeo; ;@4;o;;i;i;@;@:@value_source_rangeo; ;o;;i;i;@5;@;@o;+;&[I"text-align; T;o;,;o;- ;I" left; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@E;o;;i;i;@;@;3o; ;o;;i;i;@F;@;@o;+;&[I" padding; T;o;,;o;- ;I"10px 20px; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@V;o;;i;i;@;@;3o; ;o;;i;i;@W;@;@o;+;&[I" display; T;o;,;o;- ;I"inline-block; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@g;o;;i;i;@;@;3o; ;o;;i;i;@h;@;@o;+;&[I" font; T;o:$Sass::Script::Tree::ListLiteral :@elements[o:"Sass::Script::Tree::Operation :@operand1o;, ;o: Sass::Script::Value::Number ;i; @ :@numerator_units[I"px; T:@denominator_units[:@originalI" 16px; T;i;o; ;o;;i;i;o;;i;i;@;@:@css_variable_warning0; @:@operand2o;, ;o;8 ;i; @ ;9[I"px; T;:[;;I" 24px; T;i;o; ;o;;i;i;o;;i;i;@;@;<0; @:@operator:div;<0;i;o; ;@z;o;;i;i;@;@; @; @ o:!Sass::Script::Tree::Variable ;&I"font-family-primary; T:@underscored_nameI"font_family_primary; T;<0;i;o; ;o;;i;i;o;;i;i,;@;@; @; @ :@separator: space;<0;i;o; ;o;;i;i;o;;i;i,;@;@; @; @ ;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@;2o; ;@;o;;i;i ;@;@;3o; ;o;;i;i;@;@;@o;+;&[I"border-width; T;o;,;o;- ;I"3px !important; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i$;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i$;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i;@;@;@o;+;&[I"border-style; T;o;,;o;- ;I" solid; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i;@;@;@o;+;&[I"border-radius; T;o;,;o;- ;I"0; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i;@;@;@o;+;&[I" outline; T;o;,;o;- ;I" none; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i;@;@;@o;+;&[I"box-shadow; T;o;,;o;- ;I" none; T; @ ; ;.;/0;i;o; ;o;;i;i;o;;i;i;@;@;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i;@;@;@o;;[I" &:hover; T; o;!;"[o;#;"[o;$ ;"[o:Sass::Selector::Parent: @suffix0;i ; 0o:Sass::Selector::Pseudo :@syntactic_type: class;&I" hover; T: @arg0:@selector0;i ; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;i ; 0;i ;i ; 0;)o; ;o;;i ;i;o;;i ;i;@;@;*i;[o;+;&[I"text-decoration; T;o;,;o;- ;I"none !important; T; @ ; ;.;/0;i!;o; ;o;;i!;i;o;;i!;i*;@;@;*i;0;1;[; 0; @ ;i!;o; ;o;;i!;i ;o;;i!;i*;@;@;2o; ;@;o;;i!;i;@;@;3o; ;o;;i!;i;@ ;@;@; 0; @ ;i ;o; ;@;o;;i ;i;@;@:@has_childrenTo;;[I"&.disabled, &:disabled; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i$; 0o;%;&I" disabled; T;i$; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;i$; 0;i$o;#;"[I" ; To;$ ;"[o;D;E0;i$; 0o;F ;G;H;&I" disabled; T;I0;J0;i$; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;i$; 0;i$;i$; 0;)o; ;o;;i$;i;o;;i%;i;@;@;*i;[o;+;&[I"pointer-events; T;o;,;o;- ;I"none !important; T; @ ; ;.;/0;i&;o; ;o;;i&;i;o;;i&;i);@;@;*i;0;1;[; 0; @ ;i&;o; ;o;;i&;i ;o;;i&;i);@;@;2o; ;@=;o;;i&;i;@;@;3o; ;o;;i&;i;@>;@;@o;+;&[I" opacity; T;o;,;o;- ;I"1 !important; T; @ ; ;.;/0;i';o; ;o;;i';i;o;;i';i;@;@;*i;0;1;[; 0; @ ;i';o; ;o;;i';i ;o;;i';i;@;@;2o; ;@N;o;;i';i;@;@;3o; ;o;;i';i;@O;@;@; 0; @ ;i$;o; ;@/;o;;i%;i;@;@;KTo;;[I" &.small; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i); 0o;%;&I" small; T;i); 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;i); 0;i);i); 0;)o; ;o;;i);i;o;;i);i;@;@;*i;[o;+;&[I" padding; T;o;,;o;- ;I" 5px 12px; T; @ ; ;.;/0;i*;o; ;o;;i*;i;o;;i*;i;@;@;*i;0;1;[; 0; @ ;i*;o; ;o;;i*;i ;o;;i*;i;@;@;2o; ;@v;o;;i*;i;@;@;3o; ;o;;i*;i;@w;@;@; 0; @ ;i);o; ;@h;o;;i);i;@;@;KTo;;[I" &.medium; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i,; 0o;%;&I" medium; T;i,; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;i,; 0;i,;i,; 0;)o; ;o;;i,;i;o;;i,;i;@;@;*i;[o;+;&[I" padding; T;o;,;o;- ;I"13px 24px; T; @ ; ;.;/0;i-;o; ;o;;i-;i;o;;i-;i;@;@;*i;0;1;[; 0; @ ;i-;o; ;o;;i-;i ;o;;i-;i;@;@;2o; ;@;o;;i-;i;@;@;3o; ;o;;i-;i;@;@;@; 0; @ ;i,;o; ;@;o;;i,;i;@;@;KTo;;[I" &.large; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i/; 0o;%;&I" large; T;i/; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;i/; 0;i/;i/; 0;)o; ;o;;i/;i;o;;i/;i;@;@;*i;[o;+;&[I" padding; T;o;,;o;- ;I"17px 32px; T; @ ; ;.;/0;i0;o; ;o;;i0;i;o;;i0;i;@;@;*i;0;1;[; 0; @ ;i0;o; ;o;;i0;i ;o;;i0;i;@;@;2o; ;@;o;;i0;i;@;@;3o; ;o;;i0;i;@;@;@; 0; @ ;i/;o; ;@;o;;i/;i;@;@;KTo;;[I" &.xlarge; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i2; 0o;%;&I" xlarge; T;i2; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;i2; 0;i2;i2; 0;)o; ;o;;i2;i;o;;i2;i;@;@;*i;[o;+;&[I" padding; T;o;,;o;- ;I"21px 32px; T; @ ; ;.;/0;i3;o; ;o;;i3;i;o;;i3;i;@;@;*i;0;1;[; 0; @ ;i3;o; ;o;;i3;i ;o;;i3;i;@;@;2o; ;@;o;;i3;i;@;@;3o; ;o;;i3;i;@;@;@; 0; @ ;i2;o; ;@;o;;i2;i;@;@;KTo;;[I"&.dropdown; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i6; 0o;%;&I" dropdown; T;i6; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;i6; 0;i6;i6; 0;)o; ;o;;i6;i;o;;i6;i;@;@;*i;[o;;[I" &:after; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i7; 0o;F ;G;H;&I" after; T;I0;J0;i7; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;i7; 0;i7;i7; 0;)o; ;o;;i7;i ;o;;i7;i;@;@;*i;[ o;+;&[I" content; T;o;,;o;- ;I" "\f078"; T; @ ; ;.;/0;i8;o; ;o;;i8;i;o;;i8;i;@;@;*i;0;1;[; 0; @ ;i8;o; ;o;;i8;i ;o;;i8;i;@;@;2o; ;@+;o;;i8;i;@;@;3o; ;o;;i8;i;@,;@;@o;+;&[I"font-family; T;o;,;o;- ;I"'Font Awesome 5 Pro'; T; @ ; ;.;/0;i9;o; ;o;;i9;i;o;;i9;i-;@;@;*i;0;1;[; 0; @ ;i9;o; ;o;;i9;i ;o;;i9;i-;@;@;2o; ;@<;o;;i9;i;@;@;3o; ;o;;i9;i;@=;@;@o;+;&[I"font-weight; T;o;,;o;- ;I"900; T; @ ; ;.;/0;i:;o; ;o;;i:;i;o;;i:;i;@;@;*i;0;1;[; 0; @ ;i:;o; ;o;;i:;i ;o;;i:;i;@;@;2o; ;@M;o;;i:;i;@;@;3o; ;o;;i:;i;@N;@;@o;+;&[I" position; T;o;,;o;- ;I" relative; T; @ ; ;.;/0;i;;o; ;o;;i;;i;o;;i;;i;@;@;*i;0;1;[; 0; @ ;i;;o; ;o;;i;;i ;o;;i;;i;@;@;2o; ;@^;o;;i;;i;@;@;3o; ;o;;i;;i;@_;@;@o;+;&[I"margin-left; T;o;,;o;- ;I"4px; T; @ ; ;.;/0;i<;o; ;o;;i<;i;o;;i<;i;@;@;*i;0;1;[; 0; @ ;i<;o; ;o;;i<;i ;o;;i<;i;@;@;2o; ;@o;o;;i<;i;@;@;3o; ;o;;i<;i;@p;@;@o;+;&[I"top; T;o;,;o;- ;I"0; T; @ ; ;.;/0;i=;o; ;o;;i=;i;o;;i=;i;@;@;*i;0;1;[; 0; @ ;i=;o; ;o;;i=;i ;o;;i=;i;@;@;2o; ;@;o;;i=;i;@;@;3o; ;o;;i=;i;@;@;@o;+;&[I"font-size; T;o;,;o;- ;I" 12px; T; @ ; ;.;/0;i>;o; ;o;;i>;i;o;;i>;i;@;@;*i;0;1;[; 0; @ ;i>;o; ;o;;i>;i ;o;;i>;i;@;@;2o; ;@;o;;i>;i;@;@;3o; ;o;;i>;i;@;@;@; 0; @ ;i7;o; ;@;o;;i7;i;@;@;KT; 0; @ ;i6;o; ;@;o;;i6;i;@;@;KTo;;[I"&.external; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iB; 0o;%;&I" external; T;iB; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;iB; 0;iB;iB; 0;)o; ;o;;iB;i;o;;iB;i;@;@;*i;[o;;[I" &:before; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iC; 0o;F ;G;H;&I" before; T;I0;J0;iC; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;iC; 0;iC;iC; 0;)o; ;o;;iC;i ;o;;iC;i;@;@;*i;[ o;+;&[I" content; T;o;,;o;- ;I" "\f30b"; T; @ ; ;.;/0;iD;o; ;o;;iD;i;o;;iD;i;@;@;*i;0;1;[; 0; @ ;iD;o; ;o;;iD;i ;o;;iD;i;@;@;2o; ;@;o;;iD;i;@;@;3o; ;o;;iD;i;@;@;@o;+;&[I"font-family; T;o;,;o;- ;I"'Font Awesome 5 Pro'; T; @ ; ;.;/0;iE;o; ;o;;iE;i;o;;iE;i-;@;@;*i;0;1;[; 0; @ ;iE;o; ;o;;iE;i ;o;;iE;i-;@;@;2o; ;@;o;;iE;i;@;@;3o; ;o;;iE;i;@;@;@o;+;&[I"font-weight; T;o;,;o;- ;I"900; T; @ ; ;.;/0;iF;o; ;o;;iF;i;o;;iF;i;@;@;*i;0;1;[; 0; @ ;iF;o; ;o;;iF;i ;o;;iF;i;@;@;2o; ;@;o;;iF;i;@;@;3o; ;o;;iF;i;@;@;@o;+;&[I" position; T;o;,;o;- ;I" relative; T; @ ; ;.;/0;iG;o; ;o;;iG;i;o;;iG;i;@;@;*i;0;1;[; 0; @ ;iG;o; ;o;;iG;i ;o;;iG;i;@;@;2o; ;@;o;;iG;i;@;@;3o; ;o;;iG;i;@;@;@o;+;&[I"margin-right; T;o;,;o;- ;I" 10px; T; @ ; ;.;/0;iH;o; ;o;;iH;i;o;;iH;i;@;@;*i;0;1;[; 0; @ ;iH;o; ;o;;iH;i ;o;;iH;i;@;@;2o; ;@;o;;iH;i;@;@;3o; ;o;;iH;i;@;@;@; 0; @ ;iC;o; ;@;o;;iC;i;@;@;KT; 0; @ ;iB;o; ;@;o;;iB;i;@;@;KTo; ;[I"2/*--- START VARIANTS *--- PRIMARY DEFAULT */; T; : silent;[; 0; @ ;iL;o; ;o;;iL;i;o;;iM;i;@;@o;;[I"&.btn-primary; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iN; 0o;%;&I"btn-primary; T;iN; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;iN; 0;iN;iN; 0;)o; ;o;;iN;i;o;;iN;i;@;@;*i;[ o;+;&[I" color; T;o;@ ;&I"color-button-text-primary; T;AI"color_button_text_primary; T;<0;iO;o; ;o;;iO;i;o;;iO;i+;@;@; @; @ ;*i;0;1;[; 0; @ ;iO;o; ;o;;iO;i ;o;;iO;i+;@;@;2o; ;@E;o;;iO;i;@;@;3o; ;o;;iO;i;@F;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-primary; T;AI"color_button_bg_primary; T;<0;iP;o; ;o;;iP;i;o;;iP;i4;@;@; @; @ ;*i;0;1;[; 0; @ ;iP;o; ;o;;iP;i ;o;;iP;i4;@;@;2o; ;@V;o;;iP;i;@;@;3o; ;o;;iP;i;@W;@;@o;+;&[I"border-color; T;o;@ ;&I" color-button-border-primary; T;AI" color_button_border_primary; T;<0;iQ;o; ;o;;iQ;i;o;;iQ;i4;@;@; @; @ ;*i;0;1;[; 0; @ ;iQ;o; ;o;;iQ;i ;o;;iQ;i4;@;@;2o; ;@g;o;;iQ;i;@;@;3o; ;o;;iQ;i;@h;@;@o;;[I" &:active; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iS; 0o;F ;G;H;&I" active; T;I0;J0;iS; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;iS; 0;iS;iS; 0;)o; ;o;;iS;i ;o;;iS;i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I"color-button-text-primary; T;AI"color_button_text_primary; T;<0;iT;o; ;o;;iT;i;o;;iT;i-;@;@; @; @ ;*i;0;1;[; 0; @ ;iT;o; ;o;;iT;i ;o;;iT;i-;@;@;2o; ;@;o;;iT;i;@;@;3o; ;o;;iT;i;@;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-primary; T;AI"color_button_bg_primary; T;<0;iU;o; ;o;;iU;i;o;;iU;i6;@;@; @; @ ;*i;0;1;[; 0; @ ;iU;o; ;o;;iU;i ;o;;iU;i6;@;@;2o; ;@;o;;iU;i;@;@;3o; ;o;;iU;i;@;@;@o;+;&[I"border-color; T;o;@ ;&I" color-button-border-primary; T;AI" color_button_border_primary; T;<0;iV;o; ;o;;iV;i;o;;iV;i6;@;@; @; @ ;*i;0;1;[; 0; @ ;iV;o; ;o;;iV;i ;o;;iV;i6;@;@;2o; ;@;o;;iV;i;@;@;3o; ;o;;iV;i;@;@;@; 0; @ ;iS;o; ;@;o;;iS;i;@;@;KTo:Sass::Tree::MediaNode: @query[ I"(; To;, ;o;- ;I" hover; T; @ ; ;.;/0;iY;o; ;o;;iY;i;o;;iY;i;@;@;<0; @I": ; To;, ;o;- ;I" hover; T; @ ; ;.;/0;iY;o; ;o;;iY;i;o;;iY;i;@;@;<0; @I"); T;I"; T;*i;[o;;[I" &:hover; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iZ; 0o;F ;G;H;&I" hover; T;I0;J0;iZ; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;iZ; 0;iZ;iZ; 0;)o; ;o;;iZ;i ;o;;iZ;i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I"$color-button-text-primary-hover; T;AI"$color_button_text_primary_hover; T;<0;i[;o; ;o;;i[;i;o;;i[;i5;@;@; @; @ ;*i;0;1;[; 0; @ ;i[;o; ;o;;i[;i;o;;i[;i5;@;@;2o; ;@;o;;i[;i;@;@;3o; ;o;;i[;i;@;@;@o;+;&[I"background-color; T;o;@ ;&I""color-button-bg-primary-hover; T;AI""color_button_bg_primary_hover; T;<0;i\;o; ;o;;i\;i ;o;;i\;i>;@;@; @; @ ;*i;0;1;[; 0; @ ;i\;o; ;o;;i\;i;o;;i\;i>;@;@;2o; ;@;o;;i\;i;@;@;3o; ;o;;i\;i ;@;@;@o;+;&[I"border-color; T;o;@ ;&I"&color-button-border-primary-hover; T;AI"&color_button_border_primary_hover; T;<0;i];o; ;o;;i];i;o;;i];i>;@;@; @; @ ;*i;0;1;[; 0; @ ;i];o; ;o;;i];i;o;;i];i>;@;@;2o; ;@ ;o;;i];i;@;@;3o; ;o;;i];i;@ ;@;@; 0; @ ;iZ;o; ;@;o;;iZ;i;@;@;KT; 0; @ ;iY;o; ;o;;iY;i ;o;;iY;i ;@;@;KTo;M;N[ I"(; To;, ;o;- ;I" hover; T; @ ; ;.;/0;i`;o; ;o;;i`;i;o;;i`;i;@;@;<0; @I": ; To;, ;o;- ;I" none; T; @ ; ;.;/0;i`;o; ;o;;i`;i;o;;i`;i;@;@;<0; @I"); T;I"; T;*i;[o;;[I" &:hover; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;ia; 0o;F ;G;H;&I" hover; T;I0;J0;ia; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;ia; 0;ia;ia; 0;)o; ;o;;ia;i ;o;;ia;i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I"color-button-text-primary; T;AI"color_button_text_primary; T;<0;ib;o; ;o;;ib;i;o;;ib;i/;@;@; @; @ ;*i;0;1;[; 0; @ ;ib;o; ;o;;ib;i;o;;ib;i/;@;@;2o; ;@J;o;;ib;i;@;@;3o; ;o;;ib;i;@K;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-primary; T;AI"color_button_bg_primary; T;<0;ic;o; ;o;;ic;i ;o;;ic;i8;@;@; @; @ ;*i;0;1;[; 0; @ ;ic;o; ;o;;ic;i;o;;ic;i8;@;@;2o; ;@[;o;;ic;i;@;@;3o; ;o;;ic;i ;@\;@;@o;+;&[I"border-color; T;o;@ ;&I" color-button-border-primary; T;AI" color_button_border_primary; T;<0;id;o; ;o;;id;i;o;;id;i8;@;@; @; @ ;*i;0;1;[; 0; @ ;id;o; ;o;;id;i;o;;id;i8;@;@;2o; ;@l;o;;id;i;@;@;3o; ;o;;id;i;@m;@;@; 0; @ ;ia;o; ;@<;o;;ia;i;@;@;KT; 0; @ ;i`;o; ;o;;i`;i ;o;;i`;i;@;@;KT; 0; @ ;iN;o; ;@7;o;;iN;i;@;@;KTo; ;[I"/*--- SECONDARY DEFAULT */; T; ;L;[; 0; @ ;ii;o; ;o;;ii;i;o;;ii;i;@;@o;;[I"&.btn-secondary; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;ij; 0o;%;&I"btn-secondary; T;ij; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;ij; 0;ij;ij; 0;)o; ;o;;ij;i;o;;ij;i;@;@;*i;[ o;+;&[I" color; T;o;@ ;&I" color-button-text-secondary; T;AI" color_button_text_secondary; T;<0;ik;o; ;o;;ik;i;o;;ik;i-;@;@; @; @ ;*i;0;1;[; 0; @ ;ik;o; ;o;;ik;i ;o;;ik;i-;@;@;2o; ;@;o;;ik;i;@;@;3o; ;o;;ik;i;@;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-secondary; T;AI"color_button_bg_secondary; T;<0;il;o; ;o;;il;i;o;;il;i6;@;@; @; @ ;*i;0;1;[; 0; @ ;il;o; ;o;;il;i ;o;;il;i6;@;@;2o; ;@;o;;il;i;@;@;3o; ;o;;il;i;@;@;@o;+;&[I"border-color; T;o;@ ;&I""color-button-border-secondary; T;AI""color_button_border_secondary; T;<0;im;o; ;o;;im;i;o;;im;i6;@;@; @; @ ;*i;0;1;[; 0; @ ;im;o; ;o;;im;i ;o;;im;i6;@;@;2o; ;@;o;;im;i;@;@;3o; ;o;;im;i;@;@;@o;;[I" &:active; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;io; 0o;F ;G;H;&I" active; T;I0;J0;io; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i;0;0;io; 0;io;io; 0;)o; ;o;;io;i ;o;;io;i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I" color-button-text-secondary; T;AI" color_button_text_secondary; T;<0;ip;o; ;o;;ip;i;o;;ip;i/;@;@; @; @ ;*i;0;1;[; 0; @ ;ip;o; ;o;;ip;i ;o;;ip;i/;@;@;2o; ;@;o;;ip;i;@;@;3o; ;o;;ip;i;@;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-secondary; T;AI"color_button_bg_secondary; T;<0;iq;o; ;o;;iq;i;o;;iq;i8;@;@; @; @ ;*i;0;1;[; 0; @ ;iq;o; ;o;;iq;i ;o;;iq;i8;@;@;2o; ;@;o;;iq;i;@;@;3o; ;o;;iq;i;@;@;@o;+;&[I"border-color; T;o;@ ;&I""color-button-border-secondary; T;AI""color_button_border_secondary; T;<0;ir;o; ;o;;ir;i;o;;ir;i8;@;@; @; @ ;*i;0;1;[; 0; @ ;ir;o; ;o;;ir;i ;o;;ir;i8;@;@;2o; ;@ ;o;;ir;i;@;@;3o; ;o;;ir;i;@ ;@;@; 0; @ ;io;o; ;@;o;;io;i;@;@;KTo;M;N[ I"(; To;, ;o;- ;I" hover; T; @ ; ;.;/0;iu;o; ;o;;iu;i;o;;iu;i;@;@;<0; @I": ; To;, ;o;- ;I" hover; T; @ ; ;.;/0;iu;o; ;o;;iu;i;o;;iu;i;@;@;<0; @I"); T;I"; T;*i;[o;;[I" &:hover; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;iv; 0o;F ;G;H;&I" hover; T;I0;J0;iv; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;iv; 0;iv;iv; 0;)o; ;o;;iv;i ;o;;iv;i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I"&color-button-text-secondary-hover; T;AI"&color_button_text_secondary_hover; T;<0;iw;o; ;o;;iw;i;o;;iw;i7;@;@; @; @ ;*i;0;1;[; 0; @ ;iw;o; ;o;;iw;i;o;;iw;i7;@;@;2o; ;@E;o;;iw;i;@;@;3o; ;o;;iw;i;@F;@;@o;+;&[I"background-color; T;o;@ ;&I"$color-button-bg-secondary-hover; T;AI"$color_button_bg_secondary_hover; T;<0;ix;o; ;o;;ix;i ;o;;ix;i@;@;@; @; @ ;*i;0;1;[; 0; @ ;ix;o; ;o;;ix;i;o;;ix;i@;@;@;2o; ;@V;o;;ix;i;@;@;3o; ;o;;ix;i ;@W;@;@o;+;&[I"border-color; T;o;@ ;&I"(color-button-border-secondary-hover; T;AI"(color_button_border_secondary_hover; T;<0;iy;o; ;o;;iy;i;o;;iy;i@;@;@; @; @ ;*i;0;1;[; 0; @ ;iy;o; ;o;;iy;i;o;;iy;i@;@;@;2o; ;@g;o;;iy;i;@;@;3o; ;o;;iy;i;@h;@;@; 0; @ ;iv;o; ;@7;o;;iv;i;@;@;KT; 0; @ ;iu;o; ;o;;iu;i ;o;;iu;i ;@;@;KTo;M;N[ I"(; To;, ;o;- ;I" hover; T; @ ; ;.;/0;i|;o; ;o;;i|;i;o;;i|;i;@;@;<0; @I": ; To;, ;o;- ;I" none; T; @ ; ;.;/0;i|;o; ;o;;i|;i;o;;i|;i;@;@;<0; @I"); T;I"; T;*i;[o;;[I" &:hover; T; o;!;"[o;#;"[o;$ ;"[o;D;E0;i}; 0o;F ;G;H;&I" hover; T;I0;J0;i}; 0;'0;(o;;}F;o; ;o;;i;i;o;;i;i ;0;0;i}; 0;i};i}; 0;)o; ;o;;i};i ;o;;i};i;@;@;*i;[o;+;&[I" color; T;o;@ ;&I" color-button-text-secondary; T;AI" color_button_text_secondary; T;<0;i~;o; ;o;;i~;i;o;;i~;i1;@;@; @; @ ;*i;0;1;[; 0; @ ;i~;o; ;o;;i~;i;o;;i~;i1;@;@;2o; ;@;o;;i~;i;@;@;3o; ;o;;i~;i;@;@;@o;+;&[I"background-color; T;o;@ ;&I"color-button-bg-secondary; T;AI"color_button_bg_secondary; T;<0;i;o; ;o;;i;i ;o;;i;i:;@;@; @; @ ;*i;0;1;[; 0; @ ;i;o; ;o;;i;i;o;;i;i:;@;@;2o; ;@;o;;i;i;@;@;3o; ;o;;i;i ;@;@;@o;+;&[I"border-color; T;o;@ ;&I""color-button-border-secondary; T;AI""color_button_border_secondary; T;<0;i{;o; ;o;;i{;i;o;;i{;i:;@;@; @; @ ;*i;0;1;[; 0; @ ;i{;o; ;o;;i{;i;o;;i{;i:;@;@;2o; ;@;o;;i{;i;@;@;3o; ;o;;i{;i;@;@;@; 0; @ ;i};o; ;@;o;;i};i;@;@;KT; 0; @ ;i|;o; ;o;;i|;i ;o;;i|;i;@;@;KT; 0; @ ;ij;o; ;@;o;;ij;i;@;@;KT; 0; @ ;i;o; ;@&;o;;i;i ;@;@;KT; 0; @ :@templateI" /* After hours and hours of investigation to find a propper way to manage the stylings of the buttons, I ended up by using the forbidden and anti-pattern '!important' statement. The reason is the CSS specificity, see: https://css-tricks.com/specifics-on-css-specificity/ a-tag links have to have the brand specific stylings withing the section templates only. So the styling specificity of this links must be at leased 0022. But the buttons which can be placed anywhere in the code have at most 0021. There is no chance to style the buttons in a generic way what so ever, except overriding the buttons in all necessary templates, and that's a mess we already had! - DF */ .btn { white-space: normal; text-align: left; padding: 10px 20px; display: inline-block; font: 16px/24px $font-family-primary; border-width: 3px !important; border-style: solid; border-radius: 0; outline: none; box-shadow: none; &:hover { text-decoration: none !important; } &.disabled, &:disabled { pointer-events: none !important; opacity: 1 !important; } &.small { padding: 5px 12px; } &.medium { padding: 13px 24px; } &.large { padding: 17px 32px; } &.xlarge { padding: 21px 32px; } &.dropdown { &:after { content: "\f078"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: relative; margin-left: 4px; top: 0; font-size: 12px; } } &.external { &:before { content: "\f30b"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; position: relative; margin-right: 10px; } } //--- START VARIANTS //--- PRIMARY DEFAULT &.btn-primary { color: $color-button-text-primary; background-color: $color-button-bg-primary; border-color: $color-button-border-primary; &:active { color: $color-button-text-primary; background-color: $color-button-bg-primary; border-color: $color-button-border-primary; } @media (hover: hover) { &:hover { color: $color-button-text-primary-hover; background-color: $color-button-bg-primary-hover; border-color: $color-button-border-primary-hover; } } @media (hover: none) { &:hover { color: $color-button-text-primary; background-color: $color-button-bg-primary; border-color: $color-button-border-primary; } } } //--- SECONDARY DEFAULT &.btn-secondary { color: $color-button-text-secondary; background-color: $color-button-bg-secondary; border-color: $color-button-border-secondary; &:active { color: $color-button-text-secondary; background-color: $color-button-bg-secondary; border-color: $color-button-border-secondary; } @media (hover: hover) { &:hover { color: $color-button-text-secondary-hover; background-color: $color-button-bg-secondary-hover; border-color: $color-button-border-secondary-hover; } } @media (hover: none) { &:hover { color: $color-button-text-secondary; background-color: $color-button-bg-secondary; border-color: $color-button-border-secondary; } } } } ; T;i;o; ;o;;i;i;o;;i;i;@;@;KT