preact-arco-design/es/Layout/style/index.css

Arco Design React UI Library.

.arco-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.arco-layout-sider{position:relative;width:auto;margin:0;padding:0;-webkit-box-flex:0;-ms-flex:none;flex:none;background:var(--color-menu-dark-bg);-webkit-transition:width .2s cubic-bezier(.34,.69,.1,1);transition:width .2s cubic-bezier(.34,.69,.1,1)}.arco-layout-sider-children{height:100%;overflow:auto}.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar{width:0}.arco-layout-sider-has-trigger{padding-bottom:48px;-webkit-box-sizing:border-box;box-sizing:border-box}.arco-layout-sider-trigger{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:48px;line-height:48px;text-align:center;background:rgba(255,255,255,.2);color:var(--color-white);cursor:pointer;-webkit-transition:width .2s cubic-bezier(.34,.69,.1,1);transition:width .2s cubic-bezier(.34,.69,.1,1);z-index:1}.arco-layout-sider-trigger-light{background:var(--color-menu-light-bg);border-top:1px solid var(--color-bg-5);color:var(--color-text-1)}.arco-layout-sider-light{background:var(--color-menu-light-bg);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.08);box-shadow:0 2px 5px 0 rgba(0,0,0,.08)}.arco-layout-header{margin:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.arco-layout-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.arco-layout-footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0}.arco-layout-has-sider{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.arco-layout-has-sider>.arco-layout,.arco-layout-has-sider>.arco-layout-content{overflow-x:hidden}