Как получить ровные желоба с помощью Foundation XY-Grid - PullRequest
Новая
       23

Как получить ровные желоба с помощью Foundation XY-Grid

0 голосов
/ 20 июня 2019

Я хочу создать XY-сетку с равными желобами, даже если ячейки разделены в разных сетках, следующих друг за другом.

Я также хочу поле с каждой стороны при использовании ".grid-container.жидкость "должна быть такой же, как между клетками.

Пожалуйста, смотрите код, я тоже настроил ручку.

Как вы можете видеть, он производит одинаковые желоба в пределах сетки-1, сетки-2, сетки-3, но между ними это только половина размера желоба.

Я хотел бы изменить всего лишьвозможно, чтобы не закончиться непредвиденными проблемами, продвигающимися вперед.Возможно, у Зурба есть веские аргументы в пользу того, почему они так поступили.

https://codepen.io/pettere/pen/ewgMWx

<div class="grid-container fluid">
    <div class="grid-x grid-margin-x grid-margin-y grid-1">
      <div class="cell small-6">Grid 1</div>
      <div class="cell small-6">Grid 1</div>
      <div class="cell small-6">Grid 1</div>
      <div class="cell small-6">Grid 1</div>
    </div>
    <div class="grid-x grid-margin-x grid-margin-y grid-2">
      <div class="small-6 cell">Grid 2</div>
      <div class="small-6 cell">Grid 2</div>
    </div> 
    <div class="grid-x grid-margin-x grid-margin-y grid-3">
      <div class="small-6 cell">Grid 3</div>
      <div class="small-6 cell">Grid 3</div>
      <div class="small-6 cell">Grid 3</div>
      <div class="small-6 cell">Grid 3</div>
    </div>
    </div>
...