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

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