[Summary view] [Print] [Text view]

   1  // Card
   2  
   3  // Backport Bootstrap 4 card-columns
   4  .card-columns {
   5    .card {
   6      margin-bottom: $card-spacer-y;
   7    }
   8  
   9    @include media-breakpoint-up(sm) {
  10      column-count: 3;
  11      column-gap: 1.25rem;
  12      orphans: 1;
  13      widows: 1;
  14  
  15      .card {
  16        display: inline-block; // Don't let them vertically span multiple columns
  17        width: 100%; // Don't let their width change
  18      }
  19    }
  20  }
  21  
  22  .content {
  23    .card {
  24      box-shadow: $atum-box-shadow;
  25    }
  26  
  27    .card-header {
  28      display: flex;
  29      padding: 1rem 1rem .75rem;
  30      font-weight: $font-weight-bold;
  31      color: var(--template-bg-dark);
  32      background: var(--card-bg);
  33  
  34      > [class^="icon-"],
  35      > img {
  36        margin-inline-end: .5rem;
  37      }
  38    }
  39  }