Warning, /iDDS/monitor/data/scss/bootstrap/_alert.scss is written in an unsupported language. File is not indexed.
0001 //
0002 // Base styles
0003 //
0004
0005 .alert {
0006 position: relative;
0007 padding: $alert-padding-y $alert-padding-x;
0008 margin-bottom: $alert-margin-bottom;
0009 border: $alert-border-width solid transparent;
0010 @include border-radius($alert-border-radius);
0011 }
0012
0013 // Headings for larger alerts
0014 .alert-heading {
0015 // Specified to prevent conflicts of changing $headings-color
0016 color: inherit;
0017 }
0018
0019 // Provide class for links that match alerts
0020 .alert-link {
0021 font-weight: $alert-link-font-weight;
0022 }
0023
0024
0025 // Dismissible alerts
0026 //
0027 // Expand the right padding and account for the close button's positioning.
0028
0029 .alert-dismissible {
0030 padding-right: $alert-dismissible-padding-r;
0031
0032 // Adjust close link position
0033 .btn-close {
0034 position: absolute;
0035 top: 0;
0036 right: 0;
0037 z-index: $stretched-link-z-index + 1;
0038 padding: $alert-padding-y * 1.25 $alert-padding-x;
0039 }
0040 }
0041
0042
0043 // scss-docs-start alert-modifiers
0044 // Generate contextual modifier classes for colorizing the alert.
0045
0046 @each $state, $value in $theme-colors {
0047 $background: shift-color($value, $alert-bg-scale);
0048 $border: shift-color($value, $alert-border-scale);
0049 $color: shift-color($value, $alert-color-scale);
0050 @if (contrast-ratio($background, $color) < $min-contrast-ratio) {
0051 $color: mix($value, color-contrast($background), abs($alert-color-scale));
0052 }
0053 .alert-#{$state} {
0054 @include alert-variant($background, $border, $color);
0055 }
0056 }
0057 // scss-docs-end alert-modifiers