Blame view

src/styles/components/button.less 5.56 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
      }
  
b4fe39f7   梁灏   Button add ghost ...
63
64
65
      //&-ghost {
      //    .btn-ghost;
      //}
e1596b7e   梁灏   add Button UI
66
  
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
      &-circle,
      &-circle-outline {
          .btn-circle(@btn-prefix-cls);
      }
  
2bfebe0c   chenhaodong   fix
96
      /*wynn*/
36b9106f   wynn   ui
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
      &-search {
          .btn-color(@search-color);
      }
  
      &-confirm {
          .btn-color(@confirm-color);
      }
  
      &-cancel {
          .btn-color(@cancel-color);
      }
  
      &-reset {
          .btn-color(@reset-color);
      }
  
2bfebe0c   chenhaodong   fix
113
  
e1596b7e   梁灏   add Button UI
114
115
116
117
118
119
120
121
122
123
124
      &: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...
125
          transition: opacity @transition-time;
e1596b7e   梁灏   add Button UI
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
          pointer-events: none;
          display: none;
      }
  
      &&-loading {
          pointer-events: none;
          position: relative;
  
          &:before {
              display: block;
          }
      }
  
      &-group {
          .btn-group(@btn-prefix-cls);
      }
fd6512a9   Rijn   implemented verti...
142
143
144
145
  
      &-group-vertical {
          .btn-group-vertical(@btn-prefix-cls);
      }
b4fe39f7   梁灏   Button add ghost ...
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
  
      // The new ghost in 3.0
      &-ghost{
          color: #fff;
          background: transparent;
          &:hover{
              background: transparent;
          }
      }
      &-ghost&-dashed, &-ghost&-default{
          color: #fff;
          border-color: #fff;
          &:hover{
              color: tint(@primary-color, 20%);
              border-color: tint(@primary-color, 20%);
          }
      }
      &-ghost&-primary{
          color: @primary-color;
          &:hover{
              color: tint(@primary-color, 20%);
              background: fade(tint(@primary-color, 95%), 50%);
          }
      }
      &-ghost&-info{
          color: @info-color;
          &:hover{
              color: tint(@info-color, 20%);
              background: fade(tint(@info-color, 95%), 50%);
          }
      }
      &-ghost&-success{
          color: @success-color;
          &:hover{
              color: tint(@success-color, 20%);
              background: fade(tint(@success-color, 95%), 50%);
          }
      }
      &-ghost&-warning{
          color: @warning-color;
          &:hover{
              color: tint(@warning-color, 20%);
              background: fade(tint(@warning-color, 95%), 50%);
          }
      }
      &-ghost&-error{
          color: @error-color;
          &:hover{
              color: tint(@error-color, 20%);
              background: fade(tint(@error-color, 95%), 50%);
          }
      }
877c7fd8   梁灏   update Button dis...
198
  
2bfebe0c   chenhaodong   fix
199
      /*wynn*/
36b9106f   wynn   ui
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
      &-search {
          color: #fff;
          &:hover{
              color: #fff;
              background: #15bcad;
          }
      }
  
      &-confirm {
          color: #fff;
          &:hover {
              color: #fff;
              background: #ff903a;
          }
      }
  
      &-cancel {
          color: #333;
          border-color: @border-color-base;
          &:hover {
              color: #ff9a4c;
              border-color: #ff903a;
          }
      }
  
      &-reset {
          color: #333;
          border-color: @border-color-base;
          &:hover {
              color: #15bcad;
              border-color: #15bcad;
          }
      }
  
2bfebe0c   chenhaodong   fix
234
  
36b9106f   wynn   ui
235
      &-ghost&-default[disabled], &-ghost&-dashed[disabled], &-ghost&-primary[disabled], &-ghost&-info[disabled], &-ghost&-success[disabled], &-ghost&-warning[disabled], &-ghost&-error[disabled], &-ghost&-search[disabled], &-ghost&-confirm[disabled], &-ghost&-cancel[disabled], &-ghost&-reset[disabled]{
877c7fd8   梁灏   update Button dis...
236
237
238
239
240
241
242
243
          background: transparent;
          color: fade(#000, 25%);
          border-color: @btn-disable-border;
      }
      &-ghost&-text[disabled]{
          background: transparent;
          color: fade(#000, 25%);
      }
e2645048   jingsam   :fire: remove tra...
244
  }