Off-canvas .p​​osition-top on Medium down，.position-left on Large？ [基础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);
  }
}

但随后画布在大片上消失了。感谢您提供的任何见解。