git.roojs.org Git - bootswatch/blob - material-kit/sass/material-kit/_info-areas.scss

   1 .info{
   2     max-width: 360px;
   3     margin: 0 auto;
   4     padding: 70px 0 30px;
   5
   6     .icon{
   7         color: $gray-color;
   8
   9         > i{
  10             font-size: 4.4em;
  11         }
  12     }
  13     .info-title{
  14         color: $black-color;
  15         margin: $margin-base * 2 0 $margin-base;
  16     }
  17     p{
  18         color: $gray-color;
  19     }
  20 }
  21
  22 .icon{
  23     &.icon-primary{
  24         color: $brand-primary;
  25     }
  26     &.icon-info{
  27         color: $brand-info;
  28     }
  29     &.icon-success{
  30         color: $brand-success;
  31     }
  32     &.icon-warning{
  33         color: $brand-warning;
  34     }
  35     &.icon-danger{
  36         color: $brand-danger;
  37     }
  38 }