Utilities for creating outline rings with box-shadows.
export default {
theme: {
extend: {
ringWidth: {
DEFAULT: '2px',
6: '6px',
10: '10px',
},
},
},
}
Utilities for setting the color of outline rings.
const colors = require('windicss/colors')
export default {
theme: {
ringColor: {
white: colors.white,
pink: colors.fuchsia,
},
},
}
Utilities for setting the opacity of outline rings.
export default {
theme: {
extend: {
ringOpacity: {
15: '0.15',
35: '0.35',
65: '0.65',
},
},
},
}
Utilities for simulating an offset when adding outline rings.
export default {
theme: {
extend: {
ringOffsetWidth: {
3: '3px',
6: '6px',
10: '10px',
},
},
},
}
Utilities for setting the color of outline ring offsets.
const colors = require('windicss/colors')
export default {
theme: {
ringOffsetColor: {
white: colors.white,
pink: colors.fuchsia,
},
},
}