penpot/frontend/src/app/main/ui/workspace.scss
Eva Marco e14e7bb616
♻️ Refactor and remove deprecated css (#10698)
* ♻️ Fix Alert component

* ♻️ Fix auth files

* ♻️ Fix comment files

* ♻️ Fix confirm files

* ♻️ Fix dashboard files

* ♻️ Fix settings files

* ♻️ Fix static files

* ♻️ Fix color bullet file

* ♻️ Fix color workspace file

* ♻️ Fix color common file

* ♻️ Fix color recovery request file

* ♻️ Fix color recovery file

* ♻️ Fix disabled login buttons

* 🐛 Fix button link page

* ♻️ Fix format
2026-07-29 09:54:32 +02:00

55 lines
1.2 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 Sucursal en España SL
@use "ds/_utils.scss" as *;
@use "ds/_sizes.scss" as *;
@use "ds/mixins.scss" as *;
.workspace {
@include custom-scrollbar($include-selection: false, $include-placeholder: false);
inline-size: 100vw;
block-size: 100vh;
max-block-size: 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 {
inset-block-end: 0;
max-block-size: $sz-500;
inline-size: $sz-500;
overflow-y: auto;
position: absolute;
z-index: var(--z-index-set);
}
.workspace-viewport {
overflow: hidden;
transition: none;
display: grid;
grid-template-rows: px2rem(20) 1fr;
grid-template-columns: px2rem(20) 1fr;
flex: 1;
}