webapp/src/app/pages/dashboard/dashboard.component.scss

   1 @import '../../@theme/styles/themes';
   2 @include nb-install-component() {
   3   nb-card-body {
   4     display: flex;
   5     flex-direction: column;
   6     padding: 0;
   7   }
   8   .picture {
   9     background-position: center;
  10     background-size: cover;
  11     position: relative;
  12     border-top-left-radius: nb-theme(card-border-radius);
  13     border-top-right-radius: nb-theme(card-border-radius);
  14     flex: 1;
  15   }
  16   .details {
  17     padding: 1.25rem;
  18     .title {
  19       padding-bottom: 2.5rem;
  20       font-family: nb-theme(font-secondary);
  21       font-weight: nb-theme(font-weight-bold);
  22       color: nb-theme(color-fg-heading);
  23       font-size: 2rem;
  24       margin-bottom: 1rem;
  25       @include nb-for-theme(cosmic) {
  26         font-weight: nb-theme(font-weight-bolder);
  27       }
  28     }
  29     .description {
  30       text-align: center;
  31       color: nb-theme(color-fg-text);
  32       font-size: 1.3rem;
  33       font-weight: nb-theme(font-weight-light);
  34       overflow: hidden;
  35       text-overflow: ellipsis;
  36     }
  37   }
  38   nb-card-footer {
  39     display: flex;
  40     justify-content: space-around;
  41     padding: 0.75rem 0;
  42     border: none;
  43     a {
  44       text-decoration: none;
  45       color: nb-theme(color-fg);
  46       &:hover {
  47         color: nb-theme(color-fg-heading);
  48       }
  49       i {
  50         font-size: 1.75rem;
  51       }
  52     }
  53   }
  54 }