mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-20 15:37:46 +03:00
b21eb6f934
We don't actually need structural markup to ensure that all pane views are absolutely positioned. We can just use the `> *` selector inside of .pane-items. /cc @probablycorey is there anything I'm missing here?
50 lines
958 B
Plaintext
50 lines
958 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;
|
|
|
|
.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;
|
|
}
|
|
|
|
> * {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|