Back to home page

EIC code displayed by LXR

 
 

    


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