UNPKG

naive-ui

Version:

A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast

www.naiveui.com

tusen-ai/naive-ui

21 lines • 752 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import { c, cB, cM, cNotM } from "../../../_utils/cssr/index.mjs"; // --n-gap export default cB('avatar-group', ` flex-wrap: nowrap; display: inline-flex; position: relative; `, [cM('expand-on-hover', [cB('avatar', [c('&:not(:first-child)', ` transition: margin .3s var(--n-bezier); `)]), c('&:hover', [cNotM('vertical', [cB('avatar', [c('&:not(:first-child)', ` margin-left: 0 !important; `)])]), cM('vertical', [cB('avatar', [c('&:not(:first-child)', ` margin-top: 0 !important; `)])])])]), cNotM('vertical', ` flex-direction: row; `, [cB('avatar', [c('&:not(:first-child)', ` margin-left: var(--n-gap); `)])]), cM('vertical', ` flex-direction: column; `, [cB('avatar', [c('&:not(:first-child)', ` margin-top: var(--n-gap); `)])])]);