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

   1 @import '_variables';
   2 @import '_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     margin-left: .5rem;
  40     align-self: baseline;
  41     display: inline-block;
  42     padding: 4px 6px;
  43     cursor: default;
  44     border-radius: 3px;
  45     font-size: 12px;
  46     line-height: 12px;
  47     font-weight: 500;
  48     color: var(--inputPlaceholderColor);
  49     background-color: rgba(217,225,232,.1);
  50     border: 1px solid rgba(217,225,232,.5);
  51   }
  52 }