Blame view

src/styles/components/message.less 1.08 KB
7c15ac9e   梁灏   add Message compo...
1
2
3
4
  @message-prefix-cls: ~"@{css-prefix}message";
  @icon-prefix-cls: ~"@{css-prefix}icon";
  
  .@{message-prefix-cls} {
3c01d81a   梁灏   fixed Modal bug,w...
5
      font-size: @font-size-small;
7c15ac9e   梁灏   add Message compo...
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
      position: fixed;
      z-index: @zindex-message;
      width: 100%;
      top: 16px;
      left: 0;
  
      &-notice {
          width: auto;
          vertical-align: middle;
          position: absolute;
          left: 50%;
      }
  
      &-notice-content {
          position: relative;
          right: 50%;
          padding: 8px 16px;
3a2c6fc7   梁灏   optimize Select a...
23
          //border: 1px solid @border-color-split;
4901af54   梁灏   optimize Message ...
24
          border-radius: @border-radius-small;
7c15ac9e   梁灏   add Message compo...
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
          box-shadow: @shadow-base;
          background: #fff;
          display: block;
      }
  
      &-success .@{icon-prefix-cls} {
          color: @success-color;
      }
  
      &-error .@{icon-prefix-cls} {
          color: @error-color;
      }
  
      &-warning .@{icon-prefix-cls} {
          color: @warning-color;
      }
  
      &-info .@{icon-prefix-cls},
      &-loading .@{icon-prefix-cls} {
          color: @primary-color;
      }
  
      .@{icon-prefix-cls} {
          margin-right: 8px;
          font-size: 14px;
          top: 1px;
          position: relative;
      }
  }