webapp/src/app/@theme/components/footer/footer.component.scss

   1 @import '../../styles/themes';
   2 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
   3 @import '~bootstrap/scss/mixins/breakpoints';
   4
   5 @include nb-install-component() {
   6   width: 100%;
   7   display: flex;
   8   justify-content: space-between;
   9   align-items: center;
  10
  11   .socials {
  12     font-size: 2rem;
  13
  14     a {
  15       padding: 0.4rem;
  16       color: nb-theme(color-fg);
  17       transition: color ease-out 0.1s;
  18
  19       &:hover {
  20         color: nb-theme(color-fg-heading);
  21       }
  22     }
  23   }
  24
  25   @include media-breakpoint-down(is) {
  26     .socials {
  27       font-size: 1.5rem;
  28     }
  29   }
  30 }