git.roojs.org Git - bootswatch/blob - AdminLTE-master/less/callout.less

   1
   2 /*
   3     Component: callout
   4 ------------------------
   5 */
   6
   7 // Base styles (regardless of theme)
   8 .callout {
   9     margin: 0 0 20px 0;
  10     padding: 15px 30px 15px 15px;
  11     border-left: 5px solid #eee;
  12
  13     h4 {
  14         margin-top: 0;
  15     }
  16     p:last-child {
  17         margin-bottom: 0;
  18     }
  19     code,
  20     .highlight {
  21         background-color: #fff;
  22     }
  23
  24     // Themes for different contexts
  25     &.callout-danger {
  26         background-color: #fcf2f2;
  27         border-color: #dFb5b4;
  28     }
  29     &.callout-warning {
  30         background-color: #fefbed;
  31         border-color: #f1e7bc;
  32     }
  33     &.callout-info {
  34         background-color: #f0f7fd;
  35         border-color: #d0e3f0;
  36     }
  37     // h4 header themes
  38     &.callout-danger h4 {
  39         color: #B94A48;
  40     }
  41
  42     &.callout-warning h4 {
  43         color: #C09853;
  44     }
  45
  46     &.callout-info h4 {
  47         color: #3A87AD;
  48     }
  49 }