static/scss/bootstrap-4.0.0-alpha.6/docs/assets/scss/_callouts.scss

   1 //
   2 // Callouts
   3 //
   4
   5 .bd-callout {
   6   padding: 1.25rem;
   7   margin-top: 1.25rem;
   8   margin-bottom: 1.25rem;
   9   border: 1px solid #eee;
  10   border-left-width: .25rem;
  11   border-radius: .25rem;
  12 }
  13
  14 .bd-callout h4 {
  15   margin-top: 0;
  16   margin-bottom: .25rem;
  17 }
  18
  19 .bd-callout p:last-child {
  20   margin-bottom: 0;
  21 }
  22
  23 .bd-callout code {
  24   border-radius: .25rem;
  25 }
  26
  27 .bd-callout + .bd-callout {
  28   margin-top: -.25rem;
  29 }
  30
  31 // Variations
  32 @mixin bs-callout-variant($color) {
  33   border-left-color: $color;
  34
  35   h4 { color: $color; }
  36 }
  37
  38 .bd-callout-info { @include bs-callout-variant($bd-info); }
  39 .bd-callout-warning { @include bs-callout-variant($bd-warning); }
  40 .bd-callout-danger { @include bs-callout-variant($bd-danger); }