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

   1 @import '../../@theme/styles/themes';
   2 @import '~@nebular/theme/components/card/card.component.theme';
   3 @import '~bootstrap/scss/mixins/breakpoints';
   4 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
   5 @include nb-install-component() {
   6   nb-card-body {
   7     display: flex;
   8     align-items: center;
   9   }
  10   .action-groups-header {
  11     flex-basis: 20%;
  12     color: nb-theme(card-header-fg-heading);
  13     font-family: nb-theme(card-header-font-family);
  14     font-size: nb-theme(card-header-font-size);
  15     font-weight: nb-theme(card-header-font-weight);
  16   }
  17   .nb-actions {
  18     flex-basis: 80%;
  19   }
  20   .right {
  21     display: flex;
  22     align-items: center;
  23     justify-content: space-between;
  24     width: 100%;
  25     order: 1;
  26     flex-direction: row-reverse;
  27   }
  28   nb-actions>nb-action {
  29     padding: 0;
  30   }
  31   nb-action {
  32     i {
  33       color: nb-theme(color-fg);
  34       font-size: 2.5rem;
  35       margin-right: 1rem;
  36     }
  37     span {
  38       font-family: nb-theme(font-secondary);
  39       font-weight: nb-theme(font-weight-bold);
  40       color: nb-theme(color-fg-heading);
  41       text-transform: uppercase;
  42     }
  43     button {
  44       margin: 0 auto;
  45       padding: 0;
  46       cursor: pointer;
  47       border: none;
  48       background: none;
  49       display: flex;
  50       align-items: center;
  51       &:focus {
  52         box-shadow: none;
  53         outline: none;
  54       }
  55     }
  56   }
  57   @include media-breakpoint-down(md) {
  58     nb-actions nb-action {
  59       padding: 0 0.75rem;
  60     }
  61   }
  62   @include media-breakpoint-down(sm) {
  63     nb-card-body {
  64       padding: 1rem;
  65     }
  66     nb-action {
  67       font-size: 0.75rem;
  68       i {
  69         font-size: 2rem;
  70         margin-right: 0.5rem;
  71       }
  72     }
  73   }
  74   @include media-breakpoint-down(is) {
  75     nb-action i {
  76       font-size: 1.75rem;
  77       margin: 0;
  78     }
  79     span {
  80       display: none;
  81     }
  82   }
  83 }