colonnes imbriquées dans la boussole / SASS

Question

J'ai étudié la boussole et alors qu'il est une chose amusante à jouer avec et d'utilisation, une chose me dérange (en plus d'être incapable d'ajouter un rembourrage comme épaves de la grille), comment les colonnes I de nid?

Je veux être en mesure de faire ce plan fait: conteneurs nid comme par exemple, j'ai une page 24 colonne divisée en deux (17 et 7 colonnes). Dans la partie droite de la page (avec 7 colonnes), je veux divisé en deux des éléments (2 et 5 colonnes).

J'ai essayé ceci:

#main
  +container

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

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

C'est le code de la page principale. La barre latérale contient une liste avec des étiquettes et des champs d'entrée

li
  +container
  :margin
    :bottom 5px

label
  +column(2)
  :margin
    :right 0

input
  +column(5, true)

un peu fonctionne, mais l'inspection de la li Firebug montre que la largeur est en fait de 950px par opposition à être juste 270px car il est à seulement 7 colonnes. J'ai essayé googler sur les colonnes imbriquées mais je ne peux pas sembler trouver un exemple dans la boussole. J'ai aussi essayé le wiki et la documentation en vain.

Answer 1

Je pense qu'une partie du problème (peut-être tout le problème?) Est que vous avez atteint le mixin container au li. Ce mixin définit la largeur que la valeur de !blueprint_container_size qui, par défaut, a une valeur de 950px (mais peut être remplacé). Supprimer cela et vous devriez être bien. Le conteneur est destiné à délimiter l'ensemble, et non pas des parties dans l'ensemble.