| 1 | // Progress module's mixin definitions are here. For the module itself
|
|---|
| 2 | // check `progress.scss`.
|
|---|
| 3 | // Progress color variant mixin:
|
|---|
| 4 | // $progress-alt-name: The name of the class used for the <progress> variant.
|
|---|
| 5 | // $progress-alt-fore-color: Foregound color for <progress> variant.
|
|---|
| 6 | // $progress-alt-back-color: Background color for <progress> variant.
|
|---|
| 7 | @mixin make-progress-alt-color ($progress-alt-name, $progress-alt-fore-color : $progress-fore-color,
|
|---|
| 8 | $progress-alt-back-color : $progress-back-color) {
|
|---|
| 9 | progress.#{$progress-alt-name} {
|
|---|
| 10 | @if $progress-alt-fore-color != $progress-fore-color{
|
|---|
| 11 | #{$progress-fore-color-var}: $progress-alt-fore-color;
|
|---|
| 12 | }
|
|---|
| 13 | @if $progress-alt-back-color != $progress-back-color {
|
|---|
| 14 | #{$progress-back-color-var}: $progress-alt-back-color;
|
|---|
| 15 | }
|
|---|
| 16 | }
|
|---|
| 17 | }
|
|---|
| 18 | // Spinner donut color variant mixin:
|
|---|
| 19 | // $spinner-donut-alt-name: The name of the class used for the spinner donut variant.
|
|---|
| 20 | // $spinner-donut-alt-fore-color: Text color for spinner donut variant.
|
|---|
| 21 | // $spinner-donut-alt-back-color: Background color for spinner donut variant.
|
|---|
| 22 | @mixin make-spinner-donut-alt-color ($spinner-donut-alt-name, $spinner-donut-alt-fore-color : $spinner-donut-fore-color,
|
|---|
| 23 | $spinner-donut-alt-back-color : $spinner-donut-back-color) {
|
|---|
| 24 | .#{$spinner-donut-name}.#{$spinner-donut-alt-name} {
|
|---|
| 25 | @if $spinner-donut-alt-fore-color != $spinner-donut-fore-color{
|
|---|
| 26 | #{$spinner-donut-fore-color-var}: $spinner-donut-alt-fore-color;
|
|---|
| 27 | }
|
|---|
| 28 | @if $spinner-donut-alt-back-color != $spinner-donut-back-color {
|
|---|
| 29 | #{$spinner-donut-back-color-var}: $spinner-donut-alt-back-color;
|
|---|
| 30 | }
|
|---|
| 31 | }
|
|---|
| 32 | }
|
|---|
