UNPKG

1.61 kBtext/lessView Raw
1@root-entry-name: 'default';
2@import (reference) '~antd/es/style/themes/index.less';
3
4@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
5@pro-layout-header-height: 48px;
6
7.@{basicLayout-prefix-cls} {
8 // BFC
9 display: flex;
10 flex-direction: column;
11 width: 100%;
12 min-height: 100%;
13
14 .@{ant-prefix}-layout-header {
15 &.@{ant-prefix}-pro-fixed-header {
16 position: fixed;
17 top: 0;
18 }
19 &.@{ant-prefix}-pro-header-light {
20 background: @component-background;
21 }
22 }
23
24 &-content {
25 position: relative;
26 margin: 24px;
27
28 .@{ant-prefix}-pro-page-container {
29 margin: -24px -24px 0;
30 }
31
32 &-disable-margin {
33 margin: 0;
34
35 .@{ant-prefix}-pro-page-container {
36 margin: 0;
37 }
38 }
39 > .@{ant-prefix}-layout {
40 max-height: 100%;
41 }
42 }
43
44 // children should support fixed
45 .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-fix-siderbar {
46 height: 100vh;
47 overflow: hidden;
48 transform: rotate(0);
49 }
50
51 .@{basicLayout-prefix-cls}-has-header {
52 // tech-page-container
53 .tech-page-container {
54 height: calc(100vh - @pro-layout-header-height);
55 }
56 .@{basicLayout-prefix-cls}-is-children.@{basicLayout-prefix-cls}-has-header {
57 .tech-page-container {
58 height: calc(100vh - @pro-layout-header-height - @pro-layout-header-height);
59 }
60 .@{basicLayout-prefix-cls}-is-children {
61 min-height: calc(100vh - @pro-layout-header-height);
62 &.@{basicLayout-prefix-cls}-fix-siderbar {
63 height: calc(100vh - @pro-layout-header-height);
64 }
65 }
66 }
67 }
68}