/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .jetlinks-layout { display: flex; flex: auto; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .jetlinks-layout, .jetlinks-layout * { box-sizing: border-box; } .jetlinks-layout.jetlinks-layout-has-sider { flex-direction: row; } .jetlinks-layout.jetlinks-layout-has-sider > .jetlinks-layout, .jetlinks-layout.jetlinks-layout-has-sider > .jetlinks-layout-content { width: 0; } .jetlinks-layout-header, .jetlinks-layout-footer { flex: 0 0 auto; } .jetlinks-layout-header { height: 64px; padding: 0 50px; color: rgba(0, 0, 0, 0.85); line-height: 64px; background: #001529; } .jetlinks-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background: #f0f2f5; } .jetlinks-layout-content { flex: auto; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; } .jetlinks-layout-sider { position: relative; /* fix firefox can't set width smaller than content on flex item */ min-width: 0; background: #001529; transition: all 0.2s; } .jetlinks-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .jetlinks-layout-sider-children .jetlinks-menu.jetlinks-menu-inline-collapsed { width: auto; } .jetlinks-layout-sider-has-trigger { padding-bottom: 48px; } .jetlinks-layout-sider-right { order: 1; } .jetlinks-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .jetlinks-layout-sider-zero-width > * { overflow: hidden; } .jetlinks-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 6px 6px 0; cursor: pointer; transition: background 0.3s ease; } .jetlinks-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .jetlinks-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .jetlinks-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 6px 0 0 6px; } .jetlinks-layout-sider-light { background: #fff; } .jetlinks-layout-sider-light .jetlinks-layout-sider-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .jetlinks-layout-sider-light .jetlinks-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .jetlinks-layout-rtl { direction: rtl; }