redux-switch.scss (1449B)
1 .redux-container-switch { 2 .switch-options { 3 min-height: 30px; 4 margin-right: 10px; 5 6 label { 7 cursor: pointer; 8 } 9 10 input { 11 display: none; 12 } 13 } 14 15 .cb-enable, 16 .cb-disable { 17 padding: 0 10px; 18 border-width: 1px; 19 border-style: solid; 20 -webkit-appearance: none; 21 white-space: nowrap; 22 -webkit-box-sizing: border-box; 23 -moz-box-sizing: border-box; 24 box-sizing: border-box; 25 26 span { 27 line-height: 30px; 28 display: block; 29 font-weight: 700; 30 -webkit-user-select: none; 31 -khtml-user-select: none; 32 -moz-user-select: none; 33 -o-user-select: none; 34 -ms-user-select: none; 35 user-select: none; 36 } 37 } 38 39 .cb-enable, 40 .cb-disable, 41 .cb-enable span, 42 .cb-disable span { 43 display: block; 44 float: left; 45 } 46 47 .cb-enable { 48 border-right: 0; 49 border-radius: 3px 0px 0px 3px; 50 -moz-border-radius: 3px 0px 0px 3px; 51 -webkit-border-radius: 3px 0px 0px 3px; 52 53 &.selected { 54 color: #fff; 55 } 56 } 57 58 .cb-disable { 59 border-left: 0; 60 border-radius: 0px 3px 3px 0px; 61 -moz-border-radius: 0px 3px 3px 0px; 62 -webkit-border-radius: 0px 3px 3px 0px; 63 64 &.selected { 65 color: #fff; 66 } 67 } 68 }