less/patternfly/cards.less

   1 //
   2 // Cards
   3 // --------------------------------------------------
   4
   5 .container-cards-pf {
   6   margin-top: @grid-gutter-width/2;
   7 }
   8
   9 .card-pf {
  10   background: @card-pf-bg-color;
  11   border-top: 2px solid @card-pf-border-top-color;
  12   .box-shadow(0 1px 1px rgba(0,0,0,.175));
  13   padding: 0 @grid-gutter-width/2;
  14   margin: 0 (-(@grid-gutter-width/4)) @grid-gutter-width/2;
  15   &.card-pf-accented {
  16     border-top-color: @card-pf-accented-border-top-color;
  17   }
  18 }
  19
  20 .card-pf-body {
  21   margin: @grid-gutter-width/2 0;
  22   padding: 0 0 @grid-gutter-width/2;
  23   > *:last-child {
  24     margin-bottom: 0;
  25   }
  26 }
  27
  28 .card-pf-footer {
  29   background-color: @card-pf-footer-bg-color;
  30   border-top: 1px solid @card-pf-border-color;
  31   margin: 0 (-(@grid-gutter-width/2)) !important;
  32   padding: @grid-gutter-width/2 @grid-gutter-width/2 @grid-gutter-width/4;
  33   a > {
  34     .fa, .pficon {
  35       margin-right: 5px;
  36     }
  37   }
  38 }
  39
  40 .card-pf-heading {
  41   border-bottom: 1px solid @card-pf-border-color;
  42   margin: 0 (-(@grid-gutter-width/2)) @grid-gutter-width/2;
  43   padding: 0 @grid-gutter-width/2 0;
  44 }
  45
  46 .card-pf-title {
  47   font-size: @font-size-h3;
  48   font-weight: 300;
  49   margin: @grid-gutter-width/2 0;
  50   padding: 0;
  51 }
  52
  53 .cards-pf {
  54   background: @card-pf-container-bg-color;
  55 }
  56
  57 .row-cards-pf {
  58   margin-left: -(@grid-gutter-width/4);
  59   margin-right: -(@grid-gutter-width/4);
  60 }