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

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