2021-02-10 22:29:59 -05:00
|
|
|
// scss-docs-start alert-variant-mixin
|
2017-06-25 21:22:51 -04:00
|
|
|
@mixin alert-variant($background, $border, $color) {
|
Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)
* Add additional root variables, rename $variable-prefix to $prefix
- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout
* Bundlewatch
2022-03-13 13:13:09 -04:00
|
|
|
--#{$prefix}alert-color: #{$color};
|
|
|
|
--#{$prefix}alert-bg: #{$background};
|
|
|
|
--#{$prefix}alert-border-color: #{$border};
|
2021-12-17 00:16:24 -05:00
|
|
|
|
|
|
|
@if $enable-gradients {
|
Add additional root variables, rename `$variable-prefix` to `$prefix` (#35981)
* Add additional root variables, rename $variable-prefix to $prefix
- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout
* Bundlewatch
2022-03-13 13:13:09 -04:00
|
|
|
background-image: var(--#{$prefix}gradient);
|
2021-12-17 00:16:24 -05:00
|
|
|
}
|
2014-12-02 17:02:35 -05:00
|
|
|
|
|
|
|
.alert-link {
|
2020-10-13 03:58:06 -04:00
|
|
|
color: shade-color($color, 20%);
|
2014-12-02 17:02:35 -05:00
|
|
|
}
|
|
|
|
}
|
2021-02-10 22:29:59 -05:00
|
|
|
// scss-docs-end alert-variant-mixin
|