Blame view

src/styles/components/button.less 2.9 KB
7fa943eb   梁灏   init
1
2
3
  @btn-prefix-cls: ~"@{css-prefix}btn";
  
  .@{btn-prefix-cls} {
e1596b7e   梁灏   add Button UI
4
5
6
      .btn;
      .btn-default;
  
71d9fc8e   梁灏   Button add new pr...
7
8
9
10
      &-long{
          width: 100%;
      }
  
698e3b61   梁灏   iButton add some ...
11
12
13
14
      & > .ivu-icon + span, & > span + .ivu-icon{
          margin-left: 4px;
      }
  
e1596b7e   梁灏   add Button UI
15
16
17
      &-primary {
          .btn-primary;
  
fd6512a9   Rijn   implemented verti...
18
          .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:not(:first-child):not(:last-child) {
e1596b7e   梁灏   add Button UI
19
20
21
22
              border-right-color: @btn-group-border;
              border-left-color: @btn-group-border;
          }
  
fd6512a9   Rijn   implemented verti...
23
          .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:first-child {
e1596b7e   梁灏   add Button UI
24
25
26
27
28
29
30
31
              &:not(:last-child) {
                  border-right-color: @btn-group-border;
                  &[disabled] {
                      border-right-color: @btn-default-border;
                  }
              }
          }
  
fd6512a9   Rijn   implemented verti...
32
33
          .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) &:last-child:not(:first-child),
          .@{btn-prefix-cls}-group:not(.@{btn-prefix-cls}-group-vertical) & + .@{btn-prefix-cls} {
e1596b7e   梁灏   add Button UI
34
35
36
37
38
              border-left-color: @btn-group-border;
              &[disabled] {
                  border-left-color: @btn-default-border;
              }
          }
fd6512a9   Rijn   implemented verti...
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
  
          .@{btn-prefix-cls}-group-vertical &:not(:first-child):not(:last-child) {
              border-top-color: @btn-group-border;
              border-bottom-color: @btn-group-border;
          }
  
          .@{btn-prefix-cls}-group-vertical &:first-child {
              &:not(:last-child) {
                  border-bottom-color: @btn-group-border;
                  &[disabled] {
                      border-top-color: @btn-default-border;
                  }
              }
          }
  
          .@{btn-prefix-cls}-group-vertical &:last-child:not(:first-child),
          .@{btn-prefix-cls}-group-vertical & + .@{btn-prefix-cls} {
              border-top-color: @btn-group-border;
              &[disabled] {
                  border-bottom-color: @btn-default-border;
              }
          }
e1596b7e   梁灏   add Button UI
61
62
63
64
65
66
      }
  
      &-ghost {
          .btn-ghost;
      }
  
698e3b61   梁灏   iButton add some ...
67
68
69
70
71
72
73
74
      &-dashed{
          .btn-dashed;
      }
  
      &-text{
          .btn-text;
      }
  
b88f42eb   梁灏   Button add 4 new ...
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
      &-success {
          .btn-color(@success-color);
      }
  
      &-warning {
          .btn-color(@warning-color);
      }
  
      &-error {
          .btn-color(@error-color);
      }
  
      &-info {
          .btn-color(@info-color);
      }
  
e1596b7e   梁灏   add Button UI
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
      &-circle,
      &-circle-outline {
          .btn-circle(@btn-prefix-cls);
      }
  
      &:before {
          position: absolute;
          top: -1px;
          left: -1px;
          bottom: -1px;
          right: -1px;
          background: #fff;
          opacity: 0.35;
          content: '';
          border-radius: inherit;
          z-index: 1;
e2645048   jingsam   :fire: remove tra...
107
          transition: opacity @transition-time;
e1596b7e   梁灏   add Button UI
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
          pointer-events: none;
          display: none;
      }
  
      &&-loading {
          pointer-events: none;
          position: relative;
  
          &:before {
              display: block;
          }
      }
  
      &-group {
          .btn-group(@btn-prefix-cls);
      }
fd6512a9   Rijn   implemented verti...
124
125
126
127
  
      &-group-vertical {
          .btn-group-vertical(@btn-prefix-cls);
      }
e2645048   jingsam   :fire: remove tra...
128
  }