client/src/sass/class-helpers/_forms.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .form-group {
   5   margin-bottom: 1rem;
   6 }
   7
   8 .input-error:not(:focus) {
   9
  10   &,
  11   +.nav-preview,
  12   // Markdown textarea
  13   +*+.tab-content {
  14     border-color: $red !important;
  15   }
  16 }
  17
  18 .input-group .input-error {
  19   z-index: 3;
  20 }
  21
  22 .form-error,
  23 .form-warning {
  24   display: block;
  25   margin-top: 5px;
  26   font-size: 0.9em;
  27 }
  28
  29 .form-error {
  30   color: $red;
  31 }
  32
  33 // Disable red error on input focus
  34 .input-error:focus,
  35 .input-group:focus-within {
  36
  37   +.form-error,
  38   +*+.form-error,
  39   // Markdown textarea
  40   +*+*+.form-error {
  41     color: pvar(--mainForegroundColor);
  42   }
  43 }
  44
  45 .form-group-description {
  46   @include muted;
  47
  48   font-size: 14px;
  49   margin-top: 10px;
  50 }
  51
  52 label+.form-group-description {
  53   margin-bottom: 10px;
  54   margin-top: 0;
  55 }