Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Mark Otto's avatar
    Remove $line-height-computed · ed89be1f
    Mark Otto authored 
    We have it set to `1` right now just to avoid compilation errors, but
it’s been replaced everywhere with our new spacer classes anywho. We’ll
likely want to remap that var to custom component vars though (e.g.,
`$pagination-margin` instead of `$spacer-y`).
    ed89be1f
_alert.scss 1.39 KiB
1 
//
2 
// Alerts
3 
// --------------------------------------------------
4
5
6 
//
7 
// Base styles
8 
//
9
10 
.alert {
11 
  padding: $alert-padding;
12 
  margin-bottom: $spacer-y;
13 
  border: 1px solid transparent;
14 
  @include border-radius($alert-border-radius);
15
16 
  // Improve alignment and spacing of inner content
17 
  > p,
18 
  > ul {
19 
    margin-bottom: 0;
20 
  }
21 
  > p + p {
22 
    margin-top: 5px;
23 
  }
24 
}
25
26 
// Headings for larger alerts
27 
.alert-heading {
28 
  margin-top: 0;
29 
  // Specified to prevent conflicts of changing $headings-color
30 
  color: inherit;
31 
}
32
33 
// Provide class for links that match alerts
34 
.alert-link {
35 
  font-weight: $alert-link-font-weight;
36 
}
37
38
39 
// Dismissible alerts
40 
//
41 
// Expand the right padding and account for the close button's positioning.
42
43 
.alert-dismissible {
44 
  padding-right: ($alert-padding + 20);
45
46 
  // Adjust close link position
47 
  .close {
48 
    position: relative;
49 
    top: -2px;
50 
    right: -21px;
51 
    color: inherit;
52 
  }
53 
}
54
55
56 
// Alternate styles
57 
//
58 
// Generate contextual modifier classes for colorizing the alert.
59
60 
.alert-success {
61 
  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
62 
}
63 
.alert-info {
64 
  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
65 
}
66 
.alert-warning {
67 
  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
68 
}
69 
.alert-danger {
70 
  @include alert-variant($alert-danger-bg, $alert-danger-border,$alert-danger-text);
7172
}