UNPKG

2.37 kBCSSView Raw
1.adm-form {
2 --border-inner: solid 1px var(--adm-border-color);
3 --border-top: solid 1px var(--adm-border-color);
4 --border-bottom: solid 1px var(--adm-border-color);
5 --prefix-width: 6.8em;
6 ---border-inner: var(--border-inner);
7 ---border-top: var(--border-top);
8 ---border-bottom: var(--border-bottom);
9 ---prefix-width: var(--prefix-width);
10}
11.adm-form .adm-list.adm-list {
12 --padding-left: 16px;
13 --padding-right: 12px;
14 --border-inner: var(---border-inner);
15 --border-top: var(---border-top);
16 --border-bottom: var(---border-bottom);
17}
18.adm-form .adm-form-footer {
19 padding: 20px 12px;
20}
21.adm-form .adm-form-item-horizontal.adm-list-item {
22 --prefix-width: var(---prefix-width);
23}
24.adm-form-list-operation {
25 text-align: center;
26 color: var(--adm-color-primary);
27}
28.adm-form-item + .adm-form-item {
29 border-top: none;
30}
31.adm-form-item-label {
32 display: block;
33 height: 100%;
34 line-height: 1.5;
35 box-sizing: border-box;
36 position: relative;
37 color: var(--adm-color-text-secondary);
38}
39.adm-form-item-label .adm-form-item-required-asterisk {
40 position: absolute;
41 left: -0.6em;
42 top: 0;
43 font-family: SimSun, sans-serif;
44 color: var(--adm-color-danger);
45 -webkit-user-select: none;
46 user-select: none;
47}
48.adm-form-item-label .adm-form-item-required-text {
49 margin-left: 4px;
50 color: var(--adm-color-weak);
51}
52.adm-form-item-label-help {
53 margin-left: 4px;
54 cursor: pointer;
55}
56.adm-form-item-child {
57 display: flex;
58}
59.adm-form-item-child-position-normal {
60 justify-content: normal;
61}
62.adm-form-item-child-position-normal > * {
63 flex: auto;
64}
65.adm-form-item-child-position-right {
66 justify-content: flex-end;
67}
68.adm-form-item-child-position-right > * {
69 flex: none;
70}
71.adm-form-item-feedback-error {
72 color: var(--adm-color-danger);
73 margin-top: 4px;
74}
75.adm-form-item-feedback-warning {
76 color: var(--adm-color-warning);
77 margin-top: 4px;
78}
79.adm-form-item.adm-form-item-hidden {
80 display: none;
81}
82.adm-form-item.adm-form-item-horizontal.adm-list-item {
83 --align-items: stretch;
84}
85.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
86 padding-top: 12px;
87 padding-bottom: 12px;
88}
89.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
90 align-self: center;
91}
92.adm-form-item.adm-form-item-vertical .adm-form-item-label {
93 font-size: var(--adm-font-size-7);
94 margin-bottom: 4px;
95}