@b-design/ui-layout/es/styles/Layout.js

React component for Alibaba Cloud.

import styled from 'styled-components';
import Layout from '../Layout';
import VerticalLayout from '../VerticalLayout';
import BothSidesLayout from '../BothSidesLayout';
/**
 * @public
 */

var LayoutStyle = styled(Layout).withConfig({
  componentId: "sc-1b420tv-0"
})(["display:flex;flex:auto;flex-direction:column;height:100%;"]);
export default LayoutStyle;
export var VerticalLayoutStyle = styled(VerticalLayout).withConfig({
  componentId: "sc-1b420tv-1"
})(["height:100%;.b-design-layout-sider{position:relative;}.ver-layout-menu{transition:width 0.2s;min-width:inherit;overflow:auto;height:100%;.layout-menu-item-icon{margin-right:12px;position:relative;bottom:1px;}}.b-design-layout-page-content{overflow:auto;background:#F7F7F7;}.layout-sidebar-show{width:240px;}.layout-sidebar-hide{width:80px;.b-design-menu-item-inner{text-align:center;}.next-menu-item-inner{text-align:center;}}.layout-sidebar-visible{border-top:1px solid #e9eaf1;height:32px;position:absolute;bottom:0;line-height:32px;width:100%;cursor:pointer;padding-left:24px;overflow:hidden;background:#ffffff;&:hover{i{&:before{color:#0064c8;}}}}"]);
export var BothSidesLayoutStyle = styled(BothSidesLayout).withConfig({
  componentId: "sc-1b420tv-2"
})(["height:100%;.b-design-layout-sider{position:relative;}.both-layout-menu{transition:width 0.2s;min-width:inherit;overflow:auto;height:100%;.layout-menu-item-icon{margin-right:12px;position:relative;bottom:1px;}}.b-design-layout-page-content{overflow:auto;background:#F7F7F7;}.layout-sidebar-show{width:240px;}.layout-sidebar-hide{width:80px;.b-design-menu-item-inner{text-align:center;}.next-menu-item-inner{text-align:center;}}.layout-sidebar-visible{border-top:1px solid #e9eaf1;height:32px;position:absolute;bottom:0;line-height:32px;width:100%;cursor:pointer;padding-left:24px;background:#ffffff;overflow:hidden;&:hover{i{&:before{color:#0064c8;}}}}"]);