text-shadow-lg --un-text-shadow:6rpx 6rpx 12rpx var(--un-text-shadow-color, rgba(0,0,0,0.26)),0 0 10rpx var(--un-text-shadow-color, rgba(15,3,86,0.22));text-shadow:var(--un-text-shadow) word-spacing-2 word-spacing:16rpx tracking-2 letter-spacing:16rpx fontSize预设 text-...
textShadow?.[d || 'DEFAULT'] const value = theme?.boxShadow?.[d || 'DEFAULT'] if (value) { return { '--un-shadow-color': '0,0,0', '--un-shadow': value, '-webkit-box-shadow': 'var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(-...
我的样式很复杂的 查询 提交 取消 就可以这么优化: 我的样式很复杂的 查询 提交 取消 .complex-node { @apply text
shortcuts: {'btn-green': 'text-white bg-green-500 hover:bg-green-700'}, 页面中使用 保存 效果如下 同样支持正则的写法实现批量定义,如 shortcuts: [// you could still have object style{btn: 'py-2 px-4 font-semibold rounded-lg shadow-md',},// dynamic shortcuts[/^btn-(.*)$/, ([,...
box-shadow: none; } [data-theme='dark'] &.ant-btn-link.is-disabled { border-color: transparent !important; background-color: transparent !important; box-shadow: none; color: rgb(255 255 255 / 25%) !important; text-shadow: none; cursor: not-allowed !important; background-color: transp...
之前我写过一篇文章给我一个你不用tailwindcss的理由!,极力推荐使用 tailwindcss 来提升开发效率和体验,尤其是样式代码的体验会有质的提升。当然样式代码...
shortcuts 配置可以将多个class整合为一个class,这会将多个样式融合在一起 shortcuts: {// shortcuts to multiple utilities'btn':'py-2 px-4 font-semibold rounded-lg shadow-md','btn-green':'text-white bg-green-500 hover:bg-green-700',// single utility alias'red':'text-red-100'}...
1.5rem; border-radius: 0.5rem; background-color: #fff; box-shadow: 0 20px ...
btn: 'py-2 px-4 font-semibold rounded-lg shadow-md', }, // dynamic shortcuts [/^btn-(.*)$/, ([, c]) => `bg-${c}-400 text-${c}-100 py-2 px-4 rounded-lg`], ] 1. 2. 3. 4. 5. 6. 7. 8. 使用 保存 删除 1. 2. 3. 4. 效果 在CSS 中使用...
(), ], // 自定义规则 rules: [ ['custom-rule', { color: 'red' }], [/^custom-(\d+)$/, ([, d]) => ({ margin: `${d}px` })], ], // 快捷方式 shortcuts: { 'btn': 'py-2 px-4 font-semibold rounded-lg shadow-md', 'btn-green': 'text-white bg-green-500 ...