UNPKG

2.34 kBJavaScriptView Raw
1import { resetComponent } from '@ant-design/pro-utils';
2var genAppsLogoComponentsDefaultListStyle = function genAppsLogoComponentsDefaultListStyle(token) {
3 return {
4 '&-content': {
5 maxHeight: 'calc(100vh - 48px)',
6 overflow: 'auto',
7 '&-list': {
8 boxSizing: 'content-box',
9 maxWidth: 656,
10 marginBlock: 0,
11 marginInline: 0,
12 paddingBlock: 0,
13 paddingInline: 0,
14 listStyle: 'none',
15 '> *': {
16 boxSizing: 'border-box',
17 fontFamily: token.fontFamily
18 },
19 '&-item': {
20 position: 'relative',
21 display: 'inline-block',
22 width: 328,
23 height: 72,
24 paddingInline: 16,
25 paddingBlock: 16,
26 verticalAlign: 'top',
27 listStyleType: 'none',
28 transition: 'transform 0.2s cubic-bezier(0.333, 0, 0, 1)',
29 borderRadius: token.borderRadius,
30 '&-group': {
31 marginBottom: 16,
32 '&-title': {
33 margin: '16px 0 8px 12px',
34 fontWeight: 600,
35 color: 'rgba(0, 0, 0, 0.88)',
36 fontSize: 16,
37 opacity: 0.85,
38 lineHeight: 1.5,
39 '&:first-child': {
40 marginTop: 12
41 }
42 }
43 },
44 '&:hover': {
45 backgroundColor: token.colorBgTextHover
46 },
47 '*': {
48 boxSizing: 'border-box',
49 fontFamily: token.fontFamily
50 },
51 '* div': resetComponent === null || resetComponent === void 0 ? void 0 : resetComponent(token),
52 a: {
53 display: 'flex',
54 height: '100%',
55 fontSize: 12,
56 textDecoration: 'none',
57 '& > img': {
58 width: 40,
59 height: 40
60 },
61 '& > div': {
62 marginInlineStart: 14,
63 color: token.colorTextHeading,
64 fontSize: 14,
65 lineHeight: '22px',
66 whiteSpace: 'nowrap',
67 textOverflow: 'ellipsis'
68 },
69 '& > div > span': {
70 color: token.colorTextSecondary,
71 fontSize: 12,
72 lineHeight: '20px'
73 }
74 }
75 }
76 }
77 }
78 };
79};
80export { genAppsLogoComponentsDefaultListStyle };
\No newline at end of file