[Summary view] [Print] [Text view]

   1  // Form
   2  
   3  label {
   4    margin-bottom: 0;
   5  }
   6  
   7  td .form-control {
   8    display: inline-block;
   9    width: auto;
  10  }
  11  
  12  legend {
  13    margin-bottom: 1.1rem;
  14    font-size: 1rem;
  15    font-weight: $font-weight-normal;
  16  }
  17  
  18  .checkboxes {
  19    padding-top: 5px;
  20  
  21    .checkbox input {
  22      position: static;
  23      margin-left: 0;
  24    }
  25  }
  26  
  27  .form-check {
  28    padding-top: 5px;
  29    margin-bottom: 0;
  30  }
  31  
  32  .modal label {
  33    width: 100%;
  34  }
  35  
  36  // Validation
  37  .invalid {
  38    color: var(--danger);
  39    border-color: var(--danger);
  40  }
  41  
  42  .valid {
  43    border-color: var(--success);
  44  }
  45  
  46  .form-control-feedback {
  47    display: block;
  48  }
  49  
  50  [aria-grabbed="true"] {
  51    box-shadow: 0 0 2px 1px var(--template-bg-dark);
  52  }
  53  
  54  select.form-control {
  55    background-color: $form-select-bg;
  56  }
  57  
  58  .field-media-wrapper {
  59    display: block;
  60    width: 100%;
  61    max-width: calc(50vw - 5rem);
  62  
  63    .field-media-preview {
  64      width: 100%;
  65      max-width: none;
  66    }
  67  
  68    .button-select {
  69      background-color: darken($success, 8%);
  70    }
  71  
  72    .button-clear {
  73      background-color: darken($danger, 8%);
  74    }
  75  
  76    .button-clear > .#{$fa-css-prefix}-check,
  77    .button-select > .#{$fa-css-prefix}-times {
  78      color: $gray-100;
  79    }
  80  
  81    @include media-breakpoint-down(lg) {
  82      min-width: 100%;
  83    }
  84  }
  85  
  86  // Bootstrap 4 b/c
  87  .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control {
  88    display: inline-block;
  89    width: auto;
  90  }
  91  
  92  @include media-breakpoint-down(md) {
  93    .form-inline .form-select, .form-inline .custom-select, .form-inline .form-control {
  94      width: 100%;
  95    }
  96  }