Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | 50x 50x 50x 50x | const size = {
size: {
small: {
width: 36,
height: 20,
knob: {
width: 20,
height: 16,
},
},
medium: {
width: 56,
height: 28,
knob: {
width: 30,
height: 24,
},
},
},
};
const states = {
disabled: {
track: {
color: "#E1E1Df",
},
knob: {
color: "#F8F8F6",
},
},
hover: { borderColor: "#8F8F8F", borderWidth: 2 },
};
const switched = {
switched: {
transition: 300,
knob: {
color: "#fff",
},
on: {
background: "#131212",
},
off: {
background: "#D1D1D0",
},
},
};
export const switchTheme = {
transition: 500,
...size,
...states,
...switched,
}; |