forked from youzan/vant
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.less
More file actions
100 lines (83 loc) · 1.78 KB
/
index.less
File metadata and controls
100 lines (83 loc) · 1.78 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
@import '../style/var';
@import "../style/mixins/hairline";
.van-cell {
position: relative;
display: flex;
box-sizing: border-box;
width: 100%;
padding: @cell-vertical-padding @cell-horizontal-padding;
overflow: hidden;
color: @cell-text-color;
font-size: @cell-font-size;
line-height: @cell-line-height;
background-color: @cell-background-color;
&:not(:last-child)::after {
.hairline-bottom(@cell-border-color, @padding-md);
}
&--borderless::after {
display: none;
}
&__label {
margin-top: @cell-label-margin-top;
color: @cell-label-color;
font-size: @cell-label-font-size;
line-height: @cell-label-line-height;
}
&__title,
&__value {
flex: 1;
}
&__value {
position: relative;
overflow: hidden;
color: @cell-value-color;
text-align: right;
vertical-align: middle;
&--alone {
color: @text-color;
text-align: left;
}
}
&__left-icon,
&__right-icon {
min-width: 1em;
height: @cell-line-height;
font-size: @cell-icon-size;
line-height: @cell-line-height;
}
&__left-icon {
margin-right: 5px;
}
&__right-icon {
margin-left: 5px;
color: @cell-right-icon-color;
}
&--clickable {
&:active {
background-color: @cell-active-color;
}
}
&--required {
overflow: visible;
&::before {
position: absolute;
left: @padding-xs;
color: @cell-required-color;
font-size: @cell-font-size;
content: '*';
}
}
&--center {
align-items: center;
}
&--large {
padding-top: @cell-large-vertical-padding;
padding-bottom: @cell-large-vertical-padding;
.van-cell__title {
font-size: @cell-large-title-font-size;
}
.van-cell__label {
font-size: @cell-large-label-font-size;
}
}
}