naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
32 lines • 799 B
JavaScript
import { c, cB, cM } from "../../../_utils/cssr/index.mjs";
const liStyle = c('li', {
transition: 'color .3s var(--n-bezier)',
lineHeight: 'var(--n-line-height)',
margin: 'var(--n-li-margin)',
marginBottom: 0,
color: 'var(--n-text-color)'
});
const childStyle = [c('&:first-child', `
margin-top: 0;
`), c('&:last-child', `
margin-bottom: 0;
`)];
// vars:
// --n-bezier
// --n-font-size
// --n-line-height
// --n-text-color
// --n-li-margin
// --n-ol-padding
// --n-ul-padding
export default c([cB('ol', {
fontSize: 'var(--n-font-size)',
padding: 'var(--n-ol-padding)'
}, [cM('align-text', {
paddingLeft: 0
}), liStyle, childStyle]), cB('ul', {
fontSize: 'var(--n-font-size)',
padding: 'var(--n-ul-padding)'
}, [cM('align-text', {
paddingLeft: 0
}), liStyle, childStyle])]);