вложенные столбцы в компас / сасс - PullRequest
Новая
       21

вложенные столбцы в компас / сасс

0 голосов
/ 20 мая 2010

Я изучаю компас, и, хотя это забавная вещь, с которой можно поиграть и использовать, меня беспокоит одна вещь (помимо невозможности добавить отступы, поскольку это разрушает сетку), как мне вкладывать столбцы?

Я хочу быть в состоянии сделать то, что делает план: вложите контейнеры, как, скажем, у меня есть страница с 24 столбцами, разделенная на две части (17 и 7 столбцов). В правой части этой страницы (с 7 столбцами) я хочу разделить некоторые элементы на два (2 и 5 столбцов).

Я пробовал это: 

#main
  +container

  #main-content
    +column(17)
    +box-padding(17, 10px)
    :margin
    :right 0

  #sidebar
    +column(7, true)
    +box-padding(7, 10px)

Это код для главной страницы. Боковая панель содержит список с некоторыми метками и полями ввода 

li
  +container
  :margin
    :bottom 5px

label
  +column(2)
  :margin
    :right 0

input
  +column(5, true)

Это вроде работает, но проверка li в firebug показывает, что его ширина на самом деле равна 950px, а не 270px, так как это всего 7 столбцов. Я попытался найти в поиске вложенные столбцы, но не могу найти ни одного примера в компасе. Я также пробовал вики и документацию безрезультатно.

1 Ответ

1 голос
/ 20 мая 2010

Я думаю, что часть проблемы (может быть, вся проблема?) В том, что вы применили container mixin к li. Этот миксин определяет ширину как значение !blueprint_container_size, которое по умолчанию имеет значение 950px (но может быть переопределено). Удалите это, и вы должны быть в порядке. Контейнер предназначен для разграничения всего, а не частей внутри целого.

...