Blame view

src/styles/components/form.less 1.56 KB
184dba1c   梁灏   update Form
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
  @form-prefix-cls: ~"@{css-prefix}form";
  @form-item-prefix-cls: ~"@{form-prefix-cls}-item";
  
  .@{form-prefix-cls} {
      .@{form-item-prefix-cls}-label {
          text-align: right;
          vertical-align: middle;
          float: left;
          font-size: @font-size-small;
          color: @text-color;
          line-height: 1;
          padding: 10px 12px 10px 0;
          box-sizing: border-box;
      }
      &-label-left .@{form-item-prefix-cls}-label {
          text-align: left;
      }
      &-label-top .@{form-item-prefix-cls}-label {
          float: none;
          display: inline-block;
          padding: 0 0 10px 0;
      }
      &-inline{
          .@{form-item-prefix-cls} {
              display: inline-block;
              margin-right: 10px;
              vertical-align: top;
          }
      }
  }
  
  .@{form-item-prefix-cls} {
      margin-bottom: 24px;
      vertical-align: top;
      .clearfix();
      &-content {
          position: relative;
ba3e34e0   梁灏   update some styles
38
          line-height: 32px;
184dba1c   梁灏   update Form
39
40
          font-size: @font-size-small;
      }
c3a9f389   梁灏   update Input
41
42
43
44
45
46
      & & {
          margin-bottom: 0;
      }
      & & &-content {
          margin-left: 0!important;
      }
184dba1c   梁灏   update Form
47
  
e93f1e9a   梁灏   update some styles
48
49
50
51
52
53
54
55
56
      &-error-tip{
          position: absolute;
          top: 100%;
          left: 0;
          line-height: 1;
          padding-top: 6px;
          color: @error-color;
      }
  
184dba1c   梁灏   update Form
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
      &-required {
          .@{form-item-prefix-cls}-label:before {
              content: '*';
              display: inline-block;
              margin-right: 4px;
              line-height: 1;
              font-family: SimSun;
              font-size: @font-size-small;
              color: @error-color;
          }
      }
      &-error {
          // todo
      }
  }