| | |
| | | flex-direction: column; |
| | | } |
| | | |
| | | & .left, & .right { |
| | | & .sidebar { |
| | | flex: 1; |
| | | width: calc(calc(100vw - $pageWidth) / 2); |
| | | @media all and (max-width: $fullPageWidth) { |
| | | width: initial; |
| | | } |
| | | } |
| | | |
| | | & .left-inner, & .right-inner { |
| | | display: flex; |
| | | flex-direction: column; |
| | | gap: 2rem; |
| | |
| | | } |
| | | } |
| | | |
| | | & .left-inner { |
| | | & .sidebar.left { |
| | | left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); |
| | | @media all and (max-width: $fullPageWidth) { |
| | | gap: 1rem; |
| | |
| | | } |
| | | } |
| | | |
| | | & .right-inner { |
| | | & .sidebar.right { |
| | | right: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); |
| | | & > * { |
| | | @media all and (max-width: $fullPageWidth) { |