2016-03-16 05:49:42 +00:00
|
|
|
@import 'constants/dimensions';
|
|
|
|
|
|
|
|
.grid {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: nowrap;
|
2016-03-16 23:34:25 +00:00
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
2016-03-16 05:49:42 +00:00
|
|
|
align-content: flex-start;
|
|
|
|
height: 100%;
|
2016-03-16 20:02:47 +00:00
|
|
|
width: 100%;
|
|
|
|
box-sizing: border-box;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
2016-03-16 20:02:47 +00:00
|
|
|
.col {
|
|
|
|
flex: 1 1 auto;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
box-sizing: border-box;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
2016-03-16 20:02:47 +00:00
|
|
|
.grid-v {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-items: stretch;
|
|
|
|
align-content: flex-start;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
box-sizing: border-box;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|
|
|
|
|
2016-03-16 20:02:47 +00:00
|
|
|
.row {
|
|
|
|
height: 100%;
|
|
|
|
flex: 1 1 auto;
|
|
|
|
box-sizing: border-box;
|
2016-03-16 05:49:42 +00:00
|
|
|
}
|