2015-09-29 09:08:38 -07:00
|
|
|
//
|
|
|
|
|
// The Grid.css
|
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane-group {
|
2015-09-28 21:58:44 -07:00
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
2015-10-03 21:57:01 -07:00
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane {
|
2015-09-28 21:58:44 -07:00
|
|
|
position: relative;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
flex: 1;
|
2015-10-03 11:36:42 -07:00
|
|
|
border-left: 1px solid $border-color;
|
2015-09-29 09:25:31 -07:00
|
|
|
|
|
|
|
|
&:first-child {
|
2015-09-29 09:43:53 -07:00
|
|
|
border-left: 0;
|
2015-09-29 09:25:31 -07:00
|
|
|
}
|
2015-09-28 21:58:44 -07:00
|
|
|
}
|
2015-10-03 21:57:01 -07:00
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane-sm {
|
2015-09-28 21:58:44 -07:00
|
|
|
max-width: 220px;
|
|
|
|
|
min-width: 150px;
|
|
|
|
|
}
|
2015-10-03 21:57:01 -07:00
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane-mini {
|
2015-09-28 22:31:52 -07:00
|
|
|
width: 80px;
|
|
|
|
|
flex: none;
|
|
|
|
|
}
|
2015-10-03 21:57:01 -07:00
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane-one-fourth {
|
2015-09-28 22:31:52 -07:00
|
|
|
width: 25%;
|
|
|
|
|
flex: none;
|
|
|
|
|
}
|
2015-10-03 21:57:01 -07:00
|
|
|
|
2015-09-29 15:01:31 -07:00
|
|
|
.pane-one-third {
|
2015-09-28 22:31:52 -07:00
|
|
|
width: 33.3%;
|
2015-10-31 13:03:50 -07:00
|
|
|
flex: none;
|
2015-09-28 21:58:44 -07:00
|
|
|
}
|
