mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-21 16:08:24 +03:00
cae5cdc81c
Things depend on the react editor wrapper having the .editor class, but inside the editor, we can control the style. I changed the component's div to be .editor-contents for now. We can eliminate this extra style when we eliminate the wrapper.
51 lines
1001 B
Plaintext
51 lines
1001 B
Plaintext
@import "ui-variables";
|
|
|
|
// Pane-items are things that go inside a pane. Like the UI-Demo, the
|
|
// settings-view, the archive-view, the image-view. Etc. Basically a non-
|
|
// editor resource with a tab.
|
|
.panes {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
|
|
.pane-column {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: column;
|
|
}
|
|
|
|
.pane-row {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: row;
|
|
}
|
|
|
|
.pane {
|
|
position: relative;
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-direction: column;
|
|
overflow: hidden;
|
|
|
|
.item-views {
|
|
-webkit-flex: 1;
|
|
display: -webkit-flex;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
position: relative;
|
|
|
|
.pane-item {
|
|
color: @text-color;
|
|
background-color: @pane-item-background-color;
|
|
}
|
|
|
|
> *, > .editor.react > * {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|