penpot/frontend/src/app/main/ui/workspace.scss
Xaviju 713ff6190b
🔧 Add SCSS linter (stylelint) (#8592)
* 🔧 Add SCSS linter (stylelint)

*  Fix default standard scss errors with extends - WIP

*  Fix default standard scss errors

*  Update and cleanup

*  Update and cleanup

*  Update and cleanup

* 🐛 Fix broken visual regression tests

* 📎 Add to CHANGES

* ♻️ Remove unused class
2026-03-26 10:09:54 +01:00

53 lines
1.1 KiB
SCSS

// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC
@use "refactor/common-refactor.scss" as deprecated;
.workspace {
@extend %new-scrollbar;
width: 100vw;
height: 100vh;
max-height: 100vh;
user-select: none;
display: grid;
grid-template: "left-sidebar viewport right-sidebar" 1fr / auto 1fr auto;
overflow: hidden;
}
.workspace-loader {
position: absolute;
inset: 0;
z-index: var(--z-index-loaders);
background-color: var(--color-background-primary);
}
.workspace-content {
background-color: var(--color-canvas);
display: flex;
padding: 0;
margin: 0;
grid-area: viewport;
}
.history-debug-overlay {
bottom: 0;
max-height: deprecated.$s-500;
width: deprecated.$s-500;
overflow-y: auto;
position: absolute;
z-index: deprecated.$z-index-modal;
}
.workspace-viewport {
overflow: hidden;
transition: none;
display: grid;
grid-template-rows: deprecated.$s-20 1fr;
grid-template-columns: deprecated.$s-20 1fr;
flex: 1;
}