Поля между столбцами с использованием Neat

Мне кажется, что поведение по умолчанию для Neat должно заключаться в том, что каждый столбец диапазона должен иметь поле (или желоб) между соседними столбцами диапазона. В каждом примере, который я нашел в Интернете, просто устанавливается Neat, выполняется быстрая демонстрация, и в результате между соседними элементами появляется отступ. Никакие настройки не изменились.

Кто-нибудь знает, почему у меня этого не происходит? У меня чистая установка Bourbon и Neat. Мой html выглядит следующим образом...

<footer class="col-2">
  <section class="left">
    content
  </section>
  <section class="right">
    content
  </section>
</footer>

Мой сасс выглядит как...

.col-3 {
  @include outer-container;

  .left {
    @include span-columns(6);
  }

  .right {
    @include span-columns(6);
  }
}

Вот ссылка на отрендеренный вывод:

введите здесь описание изображения

Так что у меня на самом деле есть 2 вопроса.

  1. Почему столбцы располагаются друг над другом, даже если я перемещаю левый столбец?
  2. Почему мои столбцы игнорируют желоб между каждым столбцом?

html css sass bourbon neat
person m_reese    schedule 28.01.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Похоже, вы неправильно назвали свой класс (у div есть класс .col-2, а у scss есть .col-3), и, поскольку вы вложили свои классы, смесь столбцов не применяется к дочернему div.

код работает с соответствующими именами классов здесь http://sassmeister.com/gist/0c1963fef94a14d5268f

person JustH    schedule 28.01.2015
comment
Спасибо за ответ, но это был просто результат того, что я пробовал разные вещи. Я классифицировал элементы соответствующим образом. Тем не менее, я просто скопировал и вставил ваш код в свой проект, и он все еще работал неправильно, так что это заставило меня задуматься. Очевидно, моя нормализующая таблица стилей искажала мои правила Neat. Я отключаю нормализацию, и она ведет себя так, как ожидалось. Спасибо за толчок! - person m_reese; 29.01.2015

arrow_upward
0
arrow_downward

Проблема была связана с моей таблицей нормализованных стилей. Были некоторые правила, отменяющие Neat.

person m_reese    schedule 28.01.2015