1 | @root-entry-name: 'default';
|
2 | @import (reference) '~antd/es/style/themes/index.less';
|
3 |
|
4 | @pro-footer-bar-prefix-cls: ~'@{ant-prefix}-pro-footer-bar';
|
5 |
|
6 | .@{pro-footer-bar-prefix-cls} {
|
7 | position: fixed;
|
8 | right: 0;
|
9 | bottom: 0;
|
10 | z-index: 99;
|
11 | display: flex;
|
12 | align-items: center;
|
13 | width: 100%;
|
14 | padding: 0 24px;
|
15 | line-height: 44px;
|
16 | background: @component-background;
|
17 | border-top: 1px solid @border-color-split;
|
18 | box-shadow: @shadow-1-up;
|
19 | transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
20 |
|
21 | &-left {
|
22 | flex: 1;
|
23 | }
|
24 |
|
25 | &-right {
|
26 | > * {
|
27 | margin-right: 8px;
|
28 | &:last-child {
|
29 | margin: 0;
|
30 | }
|
31 | }
|
32 | }
|
33 | }
|