rivet-switch/dist/css/rivet-switch.min.css

An accessible switch component for Rivet

/*!
 *
 * Copyright (C) 2018 The Trustees of Indiana University
 * SPDX-License-Identifier: BSD-3-Clause

 * rivet-switch - @version 0.3.2
 */

.rvt-switch{-ms-flex-align:center;align-items:center;background:none;background-color:#ddd;border:.125rem solid #ccc;border-radius:.25rem;display:-ms-flexbox;display:flex;font-weight:700;height:2.5rem;line-height:1.1;padding:.25rem;position:relative;-webkit-appearance:none}.rvt-switch:after{background-color:#fff;border-radius:.25rem;content:" ";height:1.75rem;left:.25rem;position:absolute;top:.25rem;transition:transform .2s ease;width:2.25rem}.rvt-switch:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #006298;outline:none;transition:box-shadow .2s ease}.rvt-switch[aria-checked=true]{background-color:#006298;border-color:#006298;color:#fff}.rvt-switch[aria-checked=true]:after{transform:translate(2.75rem)}.rvt-switch__off,.rvt-switch__on{border-radius:.25rem;padding:.4rem .5rem;transition:all .2s ease}.rvt-switch--danger[aria-checked=true]{background-color:#df3603;border-color:#df3603}.rvt-switch--success[aria-checked=true]{background-color:#008a28;border-color:#008a28}.rvt-switch--small{height:1.5rem;padding:.125rem}.rvt-switch--small:after{height:1rem;left:.125rem;top:.125rem;width:1.5rem}.rvt-switch--small[aria-checked=true]:after{transform:translate(2.1rem)}.rvt-switch--small .rvt-switch__off,.rvt-switch--small .rvt-switch__on{font-size:.875rem;padding:.125rem .25rem}.rvt-switch[aria-checked=false] .rvt-switch__on,.rvt-switch[aria-checked=true] .rvt-switch__off{visibility:hidden}