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