| .settings-container { |
| color: var(--colour-2); |
| margin: 24px 0px 8px 0px; |
| justify-content: center; |
| } |
|
|
| .settings-container span { |
| font-size: 0.875rem; |
| margin: 0; |
| } |
|
|
| .settings-container label { |
| width: 24px; |
| height: 16px; |
| } |
|
|
| .settings-container .field { |
| justify-content: space-between; |
| } |
|
|
| .settings-container .checkbox input + label, |
| .settings-container .checkbox input:checked + label:after { |
| background: var(--colour-1); |
| } |
|
|
| .settings-container .checkbox input + label:after, |
| .settings-container .checkbox input:checked + label { |
| background: var(--colour-3); |
| } |
|
|
| .settings-container .checkbox label:after { |
| left: 2px; |
| width: 10px; |
| height: 10px; |
| } |
|
|
| .settings-container .checkbox input:checked + label:after { |
| left: calc(100% - 2px - 10px); |
| } |
|
|
| .settings-container .dropdown { |
| padding: 4px 8px; |
| font-size: 0.75rem; |
| } |
|
|
