forked from Andrey-1988-dev/snowfall-js
/
snowAnimationSwitchStyles.css
1 lines (1 loc) · 1.25 KB
/
snowAnimationSwitchStyles.css
1
:root{--snow-animation-switch-bgClrOff:rgba(189,195,199,1);--snow-animation-switch-bgClrOn:rgba(149,165,166,1);--snow-animation-switch-toggleClr:#fff;--snow-animation-switch-txtClr:rgba(33,37,41,1);--snow-animation-switch-txtPosition:2;--snow-animation-switch-txtMargin: 0 0 0 0.75em;}.snow-animation-switch{display:none}.snow-animation-switch--show{display:flex;justify-content:center}.snow-animation-switch__input{height:0;width:0;visibility:hidden}.snow-animation-switch__label{position:relative;display:block;text-indent:-9999px;cursor:pointer;width:2.5em;height:1.25em;background:var(--snow-animation-switch-bgClrOff);border-radius:1.25em;order:2}.snow-animation-switch__label::after{content:"";position:absolute;top:.125em;left:.125em;width:1em;height:1em;background:var(--snow-animation-switch-toggleClr);border-radius:1em;transition:0.3s}.snow-animation-switch__label:active::after{width:1.375em}.snow-animation-switch__input:checked+label{background:var(--snow-animation-switch-bgClrOn)}.snow-animation-switch__input:checked+label::after{left:calc(100% - 0.125em);transform:translateX(-100%)}.snow-animation-switch__text{line-height:1.25;order:var(--snow-animation-switch-txtPosition);color:var(--snow-animation-switch-txtClr);margin:var(--snow-animation-switch-txtMargin);}