koha-tmpl/intranet-tmpl/prog/css/src/_forms.scss

   1 fieldset {
   2     @include card;
   3     margin-bottom: 1em;
   4     padding: 12px;
   5
   6     legend {
   7         border-bottom: 0 none;
   8         color: #696969;
   9         float: left;
  10         font-weight: bold;
  11
  12         ~ * {
  13             clear: left;
  14         }
  15     }
  16
  17     fieldset {
  18         box-shadow: none;
  19         padding: 0;
  20     }
  21 }
  22
  23 fieldset.rows ol {
  24     $label-width: 12rem;
  25     $gap-width: 1rem;
  26
  27     padding: 0;
  28
  29     li {
  30         display: flex;
  31         flex-wrap: wrap;
  32         align-items: center;
  33
  34         & > * {
  35             margin: 0 $gap-width 0 0;
  36         }
  37
  38         label,
  39         .label {
  40             font-weight: bold;
  41
  42             &:first-child {
  43                 flex-basis: $label-width;
  44                 flex-shrink: 0;
  45                 flex-grow: 0;
  46                 text-align: right;
  47             }
  48
  49             &.error {
  50                 order: -1;
  51                 width: 100%;
  52                 padding-left: $label-width + $gap-width;
  53             }
  54         }
  55
  56         div.hint {
  57             width: 100%;
  58             margin-top: .25rem;
  59             padding-left: $label-width + $gap-width;
  60         }
  61     }
  62 }