mirror of https://github.com/penpot/penpot.git
78 lines
1.4 KiB
SCSS
78 lines
1.4 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 {
|
|
@extend .modal-close-btn-base;
|
|
}
|
|
|
|
.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: scroll;
|
|
margin-block: 0;
|
|
}
|
|
|
|
.action-buttons {
|
|
@extend .modal-action-btns;
|
|
}
|
|
|
|
.cancel-button {
|
|
@extend .modal-cancel-btn;
|
|
}
|
|
|
|
.accept-btn {
|
|
@extend .modal-accept-btn;
|
|
&.danger {
|
|
@extend .modal-danger-btn;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|