Основание 5 трансформация холста

Question

Есть ли способ трансформировать навигацию с помощью холста в Foundation 5 на навигацию по боковой панели? Например, официальные документы Foundation 5 docs используют классы видимости, но разве это не может сорвать цель из-за наличия двух отдельных навигаций?

Я хочу, чтобы достичь чего-то вроде этого с Фондом 5:

Answer 1

Вы можете сделать это путем переопределения правил CSS вне холста. Вот начало решения:

@media (min-width: 700px) { 
    .left-off-canvas-menu, 
    .right-off-canvas-menu { 
     position: static; 
     transform: none; 
     float: left; 
    } 
    .move-right > .inner-wrap { 
     transform: none; 
    } 
    .main-section { 
     overflow: hidden; 
    } 
} 

Вы можете играть с этим кодом на this jsfiddle.

Cheers, Thomas.

Answer 2

Решение на самом деле гораздо проще:

@media (min-width: 700px) { 
    div.off-canvas-wrap { 
     > .inner-wrap { 
     @include translate3d($off-canvas-width,0,0); 
     } 
    } 
    div.exit-off-canvas { display: none; } 
}