aboutsummaryrefslogtreecommitdiff
path: root/src/app/style/widget/weui-page/weui-form.less
blob: 43cf6cf3fcdd3d2b55faa5c66f707b11905d3e7a (plain)
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
/*
* Tencent is pleased to support the open source community by making WeUI available.
* 
* Copyright (C) 2017 THL A29 Limited, a Tencent company. All rights reserved.
* 
* Licensed under the MIT License (the "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
* 
*       http://opensource.org/licenses/MIT
* 
* Unless required by applicable law or agreed to in writing, software distributed under the License is
* distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
* either express or implied. See the License for the specific language governing permissions and
* limitations under the License.
*/

@import "../../base/fn";
@import "../weui-cell/weui-cells__group";

.weui-form {
    padding: 56px 0 0;
    padding: calc(56px ~"+ constant(safe-area-inset-top)") constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);
    padding: calc(56px ~"+ env(safe-area-inset-top)") env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    min-height: 100%;
    box-sizing: border-box;
    background-color: var(--weui-BG-2);

    .weui-footer,
    .weui-footer__link {
        font-size: 14px;
    }
    .weui-agree {
        padding: 0;
    }
}
.weui-form__text-area {
    padding: 0 32px;
    color: var(--weui-FG-0);
    text-align: center;
}
.weui-form__control-area {
    flex: 1;
    margin: 48px 0;
}
.weui-form__tips-area {
    overflow: hidden;
}
.weui-form__tips-area,
.weui-form__extra-area {
    margin-bottom: 24px;
    text-align: center;
}
.weui-form__opr-area {
    margin-bottom: 64px;
    &:last-child {
        margin-bottom: 96px;
    }
}
.weui-form__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.36;
}
.weui-form__desc {
    font-size: 17px;
    margin-top: 16px;
}
.weui-form__tips {
    color: @weuiTextColorDesc;
    font-size: 14px;
    a,
    navigator {
        color: @weuiLinkColorDefault;
    }
    navigator {
        display: inline;
    }
}