2015-09-29 09:08:38 -07:00
|
|
|
//
|
|
|
|
|
// The Grid.css
|
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
|
2015-09-28 21:58:44 -07:00
|
|
|
.column-group {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
.column {
|
|
|
|
|
position: relative;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
flex: 1;
|
2015-09-29 09:25:31 -07:00
|
|
|
border-left: 1px solid #ddd;
|
|
|
|
|
|
|
|
|
|
&:first-child {
|
|
|
|
|
border-left: 1px solid #ddd;
|
|
|
|
|
}
|
2015-09-28 21:58:44 -07:00
|
|
|
}
|
|
|
|
|
.column-sm {
|
|
|
|
|
max-width: 220px;
|
|
|
|
|
min-width: 150px;
|
|
|
|
|
}
|
|
|
|
|
.column-mini {
|
2015-09-28 22:31:52 -07:00
|
|
|
width: 80px;
|
|
|
|
|
flex: none;
|
|
|
|
|
}
|
|
|
|
|
.column-one-fourth {
|
|
|
|
|
width: 25%;
|
|
|
|
|
flex: none;
|
|
|
|
|
}
|
|
|
|
|
.column-one-third {
|
|
|
|
|
width: 33.3%;
|
2015-09-28 21:58:44 -07:00
|
|
|
}
|
|
|
|
|
.derp {
|
|
|
|
|
height: 5000px;
|
2015-09-28 22:31:52 -07:00
|
|
|
}
|
|
|
|
|
.sidebar {
|
2015-09-29 08:33:38 -07:00
|
|
|
background-color: #f8f8f8;
|
2015-09-28 21:58:44 -07:00
|
|
|
}
|
