jsketcher/modules/ui/components/Window.less
2022-06-25 15:19:49 -07:00

61 lines
901 B
Text

@import '../styles/theme.less';
@import '../styles/mixins.less';
.root {
position: absolute;
z-index: 1;
background-color: @bg-color-4;
display: flex;
flex-direction: column;
min-width: 100px;
min-height: 20px;
pointer-events: auto;
}
.root.compact {
font-size: 11px;
}
.mandatoryBorder {
border: 5px solid @bg-color-4;
}
.bar {
display: flex;
align-items: stretch;
justify-content: space-between;
background-color: @bg-color-3;
cursor: default;
}
.title {
padding: 0.3em 0 0.3em 0.5em;
font-size: 1.1em;
display: flex;
align-items: center;
}
.controlButtons {
display: flex;
align-items: stretch;
}
.button {
padding: 0 0.5em;
.button-behavior(@color-accent);
display: flex;
align-items: center;
svg {
width: 16px;
height: 16px;
}
}
.danger {
.button-behavior(@color-danger);
}
.content {
overflow-y: auto;
flex-grow: 1;
}