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

React component for Alibaba Cloud.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.VerticalLayoutStyle = exports.BothSidesLayoutStyle = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Layout = _interopRequireDefault(require("../Layout"));

var _VerticalLayout = _interopRequireDefault(require("../VerticalLayout"));

var _BothSidesLayout = _interopRequireDefault(require("../BothSidesLayout"));

/**
 * @public
 */
var LayoutStyle = (0, _styledComponents.default)(_Layout.default).withConfig({
  componentId: "sc-1b420tv-0"
})(["display:flex;flex:auto;flex-direction:column;height:100%;"]);
var _default = LayoutStyle;
exports.default = _default;
var VerticalLayoutStyle = (0, _styledComponents.default)(_VerticalLayout.default).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;}}}}"]);
exports.VerticalLayoutStyle = VerticalLayoutStyle;
var BothSidesLayoutStyle = (0, _styledComponents.default)(_BothSidesLayout.default).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;}}}}"]);
exports.BothSidesLayoutStyle = BothSidesLayoutStyle;