2013-09-16 13:46:04 -04:00
|
|
|
.main-content {
|
|
|
|
@include clearfix();
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
2013-10-27 06:32:12 -04:00
|
|
|
|
|
|
|
// double in modile to allow slide transition
|
|
|
|
@include respond-to(mobile) {
|
|
|
|
width: 200%; // this currently causes a smear effect bug on mail-list header in safari
|
|
|
|
transition: transform $time-nav-animation ease-in-out;
|
|
|
|
}
|
2013-09-16 13:46:04 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
.column {
|
|
|
|
height: 100%;
|
|
|
|
overflow: hidden;
|
2013-10-27 06:32:12 -04:00
|
|
|
|
|
|
|
// half of main-content in mobile mode to allow slide transition
|
|
|
|
@include respond-to(mobile) {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.column-left {
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
@include respond-to(desktop) {
|
|
|
|
width: $content-nav-width;
|
|
|
|
border-right: 1px solid $color-grey-light;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.shift-right {
|
|
|
|
@include respond-to(mobile) {
|
|
|
|
transform: translateX(-50%);
|
|
|
|
}
|
2013-09-16 13:46:04 -04:00
|
|
|
}
|