/* ----------------------------------------------------------------------------- * Sliders & Toggles * ----------------------------------------------------------------------------- */ @define-mixin form-control-slider-toggle-track { border: none; border-radius: 5px; height: 10px; margin: 5px 0; padding: 0; position: relative; transition: var(--transition-background-color); } @define-mixin form-control-slider-toggle-thumb { background-color: var(--form-color-background); border: 1px solid var(--form-color-border-secondary); border-radius: 50%; box-shadow: var(--form-box-shadow-default); height: 20px; width: 20px; } /* ----------------------------------------------------------------------------- * Sliders * ----------------------------------------------------------------------------- */ @define-mixin form-control-slider-track { @mixin form-control-slider-toggle-track; background-color: var(--form-color-accent-primary); } @define-mixin form-control-slider-thumb { @mixin form-control-slider-toggle-thumb; margin-top: -5px; }