client/src/app/shared/shared-forms/peertube-checkbox.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .root {
   5   display: flex;
   6
   7   label {
   8     display: flex;
   9     font-size: $form-input-font-size;
  10
  11     input {
  12       @include peertube-checkbox(1px);
  13     }
  14   }
  15
  16   label {
  17     margin-bottom: 0;
  18   }
  19
  20   my-help {
  21     line-height: 17px;
  22   }
  23
  24   .form-group-description {
  25     margin-top: 2px;
  26   }
  27
  28   .wrapper:empty {
  29     display: none;
  30   }
  31
  32   .recommended {
  33     @include margin-left(.5rem);
  34
  35     align-self: baseline;
  36     display: inline-block;
  37     padding: 4px 6px;
  38     cursor: default;
  39     border-radius: 3px;
  40     font-size: 12px;
  41     line-height: 12px;
  42     font-weight: 500;
  43     color: pvar(--inputPlaceholderColor);
  44     background-color: rgba(217, 225, 232, .1);
  45     border: 1px solid rgba(217, 225, 232, .5);
  46   }
  47 }