0.0.4 • Published 3 years ago
@taiyuuki/unocss-preset v0.0.4
@taiyuuki/unocss-preset
Install
npm i @taiyuuki/unocss-preset -D// uno.config.js
import {
defineConfig,
presetUno,
presetAttributify,
presetIcons,
} from 'unocss'
import { presetTaiyuuki } from '@taiyuuki/unocss-preset'
export default defineConfig({
presets: [
presetAttributify({}),
presetUno(),
presetIcons(),
presetTaiyuuki(),
]
})rules
| Prefix | CSS |
|---|---|
| border | border |
| border-width | border-width |
| border-color | border-color |
| border-radius | border-radius |
| shadow | box-shadow |
| w | width |
| w-min | min-width |
| h | height |
| h-min | min-height |
| m | margin |
| m-x | margin-right margin-left |
| m-y | margin-top margin-bottom |
| m-t | margin-top |
| m-r | margin-right |
| m-b | margin-bottom |
| m-l | margin-left |
| p | padding |
| p-x | padding-right padding-left |
| p-y | padding-top padding-bottom |
| p-t | padding-top |
| p-r | padding-right |
| p-b | padding-bottom |
| p-l | padding-left |
| pst | position |
| pst-t | top |
| pst-r | right |
| pst-b | bottom |
| pst-l | left |
| z-index | z-index |
| flex | flex |
| flex-row | flex-direction |
| row | flex-direction |
| flex-column | flex-direction |
| column | flex-direction |
| text-color | color |
| text-weight | font-weight |
| text-align | text-align |
| text-vertical | vertical-align |
| bg | background |
| bg-repeat | background-repeat |
| bg-position | background-position |
| bg-size | background-size |
| bg-color | background-color |
| display | display |
| gap | gap |
| icon-color | fill |
| overflow | overflow |
| overflow-x | overflow-x |
| overflow-y | overflow-y |
| opacity | opacity |
| filter | filter |
| obj-fit | object-fit |
| obj-contain | object-contain |