| 1 |
- #components-layout-demo-basic .code-box-demo{text-align:center}#components-layout-demo-basic .ant-layout-header,#components-layout-demo-basic .ant-layout-footer{color:#fff;background:#7dbcea}[data-theme=dark] #components-layout-demo-basic .ant-layout-header,[data-theme=dark] #components-layout-demo-basic .ant-layout-footer{background:#6aa0c7}#components-layout-demo-basic .ant-layout-footer{line-height:1.5}#components-layout-demo-basic .ant-layout-sider{color:#fff;line-height:120px;background:#3ba0e9}[data-theme=dark] #components-layout-demo-basic .ant-layout-sider{background:#3499ec}#components-layout-demo-basic .ant-layout-content{min-height:120px;color:#fff;line-height:120px;background:rgba(16,142,233,1)}[data-theme=dark] #components-layout-demo-basic .ant-layout-content{background:#107bcb}#components-layout-demo-basic>.code-box-demo>.ant-layout+.ant-layout{margin-top:48px}#components-layout-demo-custom-trigger .trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}#components-layout-demo-custom-trigger .trigger:hover{color:#1890ff}#components-layout-demo-custom-trigger .logo{height:32px;background:rgba(255,255,255,.3);margin:16px}#components-layout-demo-responsive .logo{height:32px;background:rgba(255,255,255,.2);margin:16px}.site-layout-sub-header-background,.site-layout-background{background:#fff}[data-theme=dark] .site-layout-sub-header-background{background:#141414}#components-layout-demo-top-side-2 .logo{float:left;width:120px;height:31px;margin:16px 24px 16px 0;background:rgba(255,255,255,.3)}.ant-row-rtl #components-layout-demo-top-side-2 .logo{float:right;margin:16px 0 16px 24px}#components-layout-demo-top-side .logo{float:left;width:120px;height:31px;margin:16px 24px 16px 0;background:rgba(255,255,255,.3)}.ant-row-rtl #components-layout-demo-top-side .logo{float:right;margin:16px 0 16px 24px}.site-layout-background{background:#fff}.site-layout-content{min-height:280px;padding:24px;background:#fff}#components-layout-demo-top .logo{float:left;width:120px;height:31px;margin:16px 24px 16px 0;background:rgba(255,255,255,.3)}.ant-row-rtl #components-layout-demo-top .logo{float:right;margin:16px 0 16px 24px}[data-theme=dark] .site-layout-content{background:#141414}#components-layout-demo-fixed-sider .logo{height:32px;background:rgba(255,255,255,.2);margin:16px}#components-layout-demo-fixed .logo{width:120px;height:31px;background:rgba(255,255,255,.2);margin:16px 24px 16px 0;float:left}#components-layout-demo-side .logo{height:32px;margin:16px;background:rgba(255,255,255,.3)}.site-layout .site-layout-background{background:#fff}[data-theme=dark] .site-layout .site-layout-background{background:#141414}
|
