client/src/app/modal/quick-settings-modal.component.scss

   1 @import '_mixins';
   2
   3 .modal-button {
   4   @include disable-default-a-behaviour;
   5   transform: translateY(2px);
   6
   7   button {
   8     @include peertube-button;
   9     @include grey-button;
  10     @include button-with-icon(18px, 4px, -1px);
  11
  12     my-global-icon {
  13       @include apply-svg-color(#585858);
  14     }
  15   }
  16
  17   & + .modal-button {
  18     margin-left: 1rem;
  19   }
  20 }
  21
  22 .icon {
  23   @include disable-outline;
  24   @include icon(22px);
  25   opacity: 0.6;
  26   margin-left: -1px;
  27
  28   &.icon-shortcuts  {
  29     position: relative;
  30     top: -1px;
  31     margin-right: 4px;
  32
  33     background-image: url('../../assets/images/menu/keyboard.png');
  34   }
  35 }
  36
  37 .quick-settings-title {
  38   @include in-content-small-title;
  39 }