2016-03-21 2 views
0

Если вы посмотрите на этот код Pen демо я создал: http://codepen.io/rctneil/pen/aNJjePSusy вложенности контексты

Как я могу использовать Сюзи, чтобы получить отступы на обоих <aside> и <section> быть наполовину столбец внешней сетки ? Я пробовал использовать смешение Susy's nested, но заполнение неправильное и меньше половины столбца.

Любые идеи?

ответ

0

Кажется, что ошибка с десятичными интервалами (span(0.5)). Я займусь этим. На данный момент самым простым решением является использование padding: span(1)/2 (разделение столбца вручную). Вам не нужны эти смесители nested - они ничего не делают.

+0

Хорошо спасибо! В каком обстоятельстве мне нужен вложенный миксин? Т.е.: может ли он использоваться для того, чтобы элементы во вложенных местах выравнивались по внешней сетке? – rctneil

+0

Например: В этом случае: http://codepen.io/rctneil/pen/oxWgpX. Как получить разницу между divs один и двумя полями на внешней сетке? – rctneil

+0

Решетки Сьюзи являются эфемерными. Они не существуют ни в каком реальном режиме, вне определенной комбинации настроек. Эти настройки можно изменить глобально на карте '$ susy' или локально в качестве аргументов для любого заданного mixin или функции. Блоки «вложенные» и «с-макетом» обеспечивают компромисс, временно изменяя глобальные переменные для блока кода. Вы можете использовать их везде, где вы хотите, чтобы настройки сетки были разными, по любой причине. Семантически «вложенный» означает «Глобальная сетка может иметь 12 столбцов, но сейчас мы вложены внутри элемента с 6 столбцами». –

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

  • Нет связанных вопросов^_^