Blame view

src/styles/components/message.less 1.07 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;
4901af54   梁灏   optimize Message ...
23
24
          border: 1px solid @border-color-split;
          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;
      }
  }