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

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

Кто-нибудь знает, почему это не для меня? У меня есть чистая установка Bourbon and 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); 
    } 
}

Вот ссылка на воспроизведенной выходной:

enter image description here

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

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

источник

2015-01-28 m_reese

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

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

источник

2015-01-28 21:04:29 JustH

Благодарим за ответ, но это было всего лишь результатом того, что я прищурял разные вещи. У меня были элементы, соответствующие классу. Тем не менее, я просто скопировал и вставлял код в свой проект, и он все еще был неправдоподобным, так что у меня возникла другая мысль. По-видимому, моя нормализованная таблица стилей возилась с моими правилами Neat. Я отключил нормализацию и вел себя так, как ожидалось. Спасибо за толчок! –

вопрос был связан с моими нормализуют таблицы стилей. Имели некоторые правила, превосходящие Нит.

источник

2015-01-28 21:57:07

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

ответ

Смежные вопросы