git.roojs.org Git - roojs1/blob - scss/startbootstrap-sb-admin-2/_cards.scss

   1 // Custom Card Styling
   2
   3 .card {
   4   .card-header {
   5     // Format Dropdowns in Card Headings
   6     .dropdown {
   7       line-height: 1;
   8       .dropdown-menu {
   9         line-height: 1.5;
  10       }
  11     }
  12   }
  13   // Collapsable Card Styling
  14   .card-header[data-toggle="collapse"] {
  15     text-decoration: none;
  16     position: relative;
  17     padding: 0.75rem 3.25rem 0.75rem 1.25rem;
  18     &::after {
  19       position: absolute;
  20       right: 0;
  21       top: 0;
  22       padding-right: 1.725rem;
  23       line-height: 51px;
  24       font-weight: 900;
  25       content: '\f107';
  26       font-family: 'Font Awesome 5 Free';
  27       color: $gray-400;
  28     }
  29     &.collapsed {
  30       border-radius: $card-border-radius;
  31       &::after {
  32         content: '\f105';
  33       }
  34     }
  35   }
  36 }