| 1 |
.wpsubs-toggle { |
| 2 |
appearance: none !important; |
| 3 |
-webkit-appearance: none !important; |
| 4 |
-moz-appearance: none !important; |
| 5 |
border: none !important; |
| 6 |
|
| 7 |
height: 18px !important; |
| 8 |
width: 32px !important; |
| 9 |
transform: translateY(1px); |
| 10 |
background: #999 !important; |
| 11 |
border-radius: 999px !important; |
| 12 |
position: relative !important; |
| 13 |
display: inline-block !important; |
| 14 |
vertical-align: middle !important; |
| 15 |
transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51) !important; |
| 16 |
} |
| 17 |
|
| 18 |
.wpsubs-toggle::before { |
| 19 |
content: "" !important; |
| 20 |
position: absolute !important; |
| 21 |
width: 14px !important; |
| 22 |
height: 14px !important; |
| 23 |
background: #fff !important; |
| 24 |
border-radius: 50% !important; |
| 25 |
margin: 0 !important; |
| 26 |
top: 50% !important; |
| 27 |
transform: translateY(-50%) !important; |
| 28 |
left: 2px !important; |
| 29 |
transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51) !important; |
| 30 |
} |
| 31 |
|
| 32 |
.wpsubs-toggle:checked { |
| 33 |
background: var(--wp-admin-theme-color, #720eec) !important; |
| 34 |
} |
| 35 |
|
| 36 |
.wpsubs-toggle:checked::before { |
| 37 |
left: calc(100% - 16px) !important; |
| 38 |
} |
| 39 |
|
| 40 |
.wpsubs-toggle:focus { |
| 41 |
outline: none !important; |
| 42 |
border: none !important; |
| 43 |
box-shadow: none !important; |
| 44 |
} |
| 45 |
|
| 46 |
.wpsubs-webhook-url { |
| 47 |
color: #2c3338 !important; |
| 48 |
border: 1px solid #8c8f94 !important; |
| 49 |
} |
| 50 |
|
