2021-02-10 19:29:59 -08:00
|
|
|
// scss-docs-start alert-variant-mixin
|
2017-06-25 18:22:51 -07: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 10:13:09 -07:00
|
|
|
--#{$prefix}alert-color: #{$color};
|
|
|
|
--#{$prefix}alert-bg: #{$background};
|
|
|
|
--#{$prefix}alert-border-color: #{$border};
|
2021-12-16 21:16:24 -08: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 10:13:09 -07:00
|
|
|
background-image: var(--#{$prefix}gradient);
|
2021-12-16 21:16:24 -08:00
|
|
|
}
|
2014-12-02 14:02:35 -08:00
|
|
|
|
|
|
|
.alert-link {
|
2020-10-13 09:58:06 +02:00
|
|
|
color: shade-color($color, 20%);
|
2014-12-02 14:02:35 -08:00
|
|
|
}
|
|
|
|
}
|
2021-02-10 19:29:59 -08:00
|
|
|
// scss-docs-end alert-variant-mixin
|