mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-20 23:48:05 +03:00
6f766acac8
Bootstrap's .row and .column css was influencing our pane rows and columns.
44 lines
828 B
Plaintext
44 lines
828 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 {
|
|
display: -webkit-flex;
|
|
-webkit-flex: 1;
|
|
-webkit-flex-flow: column;
|
|
|
|
.pane-item {
|
|
color: @text-color;
|
|
background-color: @pane-item-background-color;
|
|
}
|
|
|
|
.item-views {
|
|
-webkit-flex: 1;
|
|
display: -webkit-flex;
|
|
min-height: 0;
|
|
}
|
|
|
|
.item-views > * {
|
|
-webkit-flex: 1;
|
|
min-width: 0;
|
|
}
|
|
}
|
|
}
|