Within my current project, I have implemented a sass-mixin that looks something like this:
mymixin.scss:
@mixin customized_mixin($header-border-top-stack,
$header-border-bottom-stack) {
#some-id {
border-top: $header-border-top-stack;
border-bottom: $header-border-top-stack;
}
}
styles.scss:
@import "path/to/mymixin.scss";
@include customized_mixin(1px solid black, 2px solid red);
There are times when I specifically do not want to alter the border-bottom property. However, attempting to do so using the following code snippet:
@import "path/to/mymixin.scss";
@include customized_mixin(1px solid black, none);
leads to a generated .css file similar to this:
#some-id {
border-top: 1px solid black;
border-bottom: none;
}
I am seeking a solution to prevent the mixin from affecting the border-bottom property altogether (excluding it entirely from the .css). Any suggestions?