src/wolnelektury/static/2022/styles/components/_form.scss

   1 .c-form {
   2     padding: 0 16px;
   3
   4     .c-form__hidden-submit {
   5         font-size: 0;
   6         border: 0;
   7         opacity: 0;
   8     }
   9
  10     div.c-form__inline-radio, div.c-form__inline-radio > div {
  11         display: flex;
  12         gap: 8px;
  13         flex-wrap: wrap;
  14         align-items: center;
  15         padding: 10px 0;
  16         label {
  17             display: flex;
  18             span {
  19                 display: block;
  20                 padding: 11px 14px;
  21             }
  22             input {
  23                 width: 0px;
  24                 opacity: 0;
  25
  26                 &:checked + span {
  27                     background: #083F4D;
  28                     border-radius: 4px;
  29                     color: white;
  30                     font-weight: bold;
  31                 }
  32             }
  33         }
  34     }
  35
  36     .c-form__controls-row {
  37         display: flex;
  38         gap: 20px;
  39         flex-wrap: wrap;
  40     }
  41
  42     .c-form__control {
  43         display: flex;
  44         flex-direction: column;
  45         gap: 3px;
  46
  47         select {
  48             padding: 8px 10px;
  49             background: white;
  50             border: 1px solid #ddd;
  51             border-radius: 4px;
  52         }
  53     }
  54 }