zurb-foundation - 画布外 .position-top 在中等向下，.position-left 在大？[基础6.4.3]

Question

基本上就是标题所说的。是否可以将画布放在小/中的顶部，然后将其放置在大的左侧？

我原以为这会成功：

HTML

<div class="off-canvas-custom reveal-for-large" id="offCanvas" data-off-canvas>
  <ul class="vertical menu">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
  </ul>
</div>
<div class="off-canvas-content" data-off-canvas-content>
  <div class="grid-container">
    <div class="grid-x grid-padding-x">
      <div class="large-12 cell">
        <button class="menu-icon" type="button" data-toggle="offCanvas"></button>
      </div>
    </div>
  </div>
</div>

SCSS

.off-canvas-custom {
  @include off-canvas-base;
  @include breakpoint(medium down) {
    @include off-canvas-position ($position: top);
  }
  @include breakpoint(large) {
    @include off-canvas-position ($position: left);
  }
}

但随后画布外的画面消失了。感谢您提供的任何见解。