@shopgate/engage/components/Toggle/style.js

Shopgate's ENGAGE library.

var _css;function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;export var container=css({position:'relative',marginBottom:-4}).toString();export var label=css({display:'block',height:20,width:44,background:'#898989',borderRadius:100,cursor:'pointer',bottom:-4,transition:'all .3s ease'}).toString();export var checkbox=css((_css={},_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css,":checked ~ .".concat(label),{background:"var(--color-primary, ".concat(colors.primary,")"),opacity:0.5}),':checked ~ div',{left:20,background:"var(--color-primary, ".concat(colors.primary,")")}),":disabled ~ .".concat(label),{background:'#D5D5D5',pointerEvents:'none',filter:'none'}),':disabled ~ div',{background:'#BCBDBC',filter:'none'}),"position",'absolute'),"opacity",0),"width",'100%'),"height",'100%'),"top",0),"left",0),_defineProperty(_defineProperty(_defineProperty(_css,"margin",0),"zIndex",2),"cursor",'pointer'))).toString();export var thumb=css({position:'absolute',left:-2,top:-3,display:'block',width:26,height:26,borderRadius:100,background:'white',boxShadow:'0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12)',content:' ',transition:'all .3s ease',pointerEvents:'none',zIndex:100}).toString();