core/src/scss/utilities/mixins/button/_button-secondary.scss
///
/// Secondary button styling.
///
/// @name button-secondary
///
///
/// @group mixin
@mixin button-secondary {
@extend %button-base;
@include padding(1rem 2rem 1.15rem);
background-color: color(bg);
box-shadow: $su-button-stroke color(brand--bright);
color: color(link--alt);
&::after,
&::before {
background-color: color(link--alt);
color: color(bg);
}
&:hover,
&:focus {
background-color: color(bg);
color: color(link--alt-hover);
&::after,
&::before {
background-color: color(bg);
color: color(link--alt-hover);
}
}
&:hover {
box-shadow: $su-button-stroke $su-color-black;
&::after,
&::before {
background-color: color(link--alt-hover);
color: color(bg);
}
}
&:focus {
box-shadow: $su-button-stroke $su-color-black, $su-focus-shadow;
&::after,
&::before {
background-color: color(link--alt-hover);
color: color(bg);
}
}
}