Blame view

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