mirror of
https://github.com/penpot/penpot.git
synced 2026-06-05 15:10:18 +00:00
69 lines
1.3 KiB
SCSS
69 lines
1.3 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/basic-rules.scss" as *;
|
|
@use "ds/typography.scss" as t;
|
|
|
|
.modal-overlay {
|
|
@extend .modal-overlay-base;
|
|
&.transparent {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.modal-container {
|
|
@extend .modal-container-base;
|
|
display: grid;
|
|
gap: var(--sp-xxl);
|
|
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
}
|
|
|
|
.list-wrapper {
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto;
|
|
max-height: 100%;
|
|
}
|
|
|
|
.modal-title {
|
|
@include t.use-typography("headline-medium");
|
|
color: var(--modal-title-foreground-color);
|
|
}
|
|
|
|
.modal-close-btn {
|
|
position: absolute;
|
|
top: var(--sp-s);
|
|
right: var(--sp-s);
|
|
}
|
|
|
|
.modal-content {
|
|
@include t.use-typography("body-small");
|
|
display: grid;
|
|
gap: var(--sp-s);
|
|
}
|
|
|
|
.element-list {
|
|
@include t.use-typography("body-large");
|
|
color: var(--modal-text-foreground-color);
|
|
overflow-y: auto;
|
|
margin-block: 0;
|
|
}
|
|
|
|
.action-buttons {
|
|
@extend .modal-action-btns;
|
|
}
|
|
|
|
.modal-scd-msg {
|
|
margin-block: 0;
|
|
}
|
|
|
|
.modal-scd-msg,
|
|
.modal-subtitle,
|
|
.modal-msg {
|
|
@include t.use-typography("body-large");
|
|
color: var(--modal-text-foreground-color);
|
|
line-height: 1.5;
|
|
}
|