Создание мягкой подмешать коробки с компасом и Blueprint

Question

Интерфейс должен выглядеть как этот

+box(optional_padding_value_in_columns) 

Он не должен нарушать сетку. (Если поместить в колонке, которая охватывает 7 единиц, то окно должно оставаться в пределах 7 единиц.)

Compass _scaffolding.sass фактически включает в себя этот маленький номер:

// Mixin +box to create a padded box inside a column. 
=box 
    :padding 1.5em 
    :margin-bottom 1.5em 
    :background #E5ECF9 

Но отступы взрывает сетку.

Answer 1

Попробуйте это:

// You can supply one padding value or all 4 
=padded_column(!n, !p1, !p2=!p1, !p3=!p1, !p4=!p1) 
    +column(!n) 
    :padding= !p1 !p2 !p3 !p4 
    !width = !blueprint_grid_width * !n + (!blueprint_grid_margin * (!n - 1)) - !p2 - !p4 

.padded_box 
    +padded_column(!two_columns_secondary, 10px, 0, 5px, 15px) 
    :background #f0f0f0 

Answer 2

рамку + Mixin предназначен для блочного элемента, используемого внутри колонны. Пробел 1.5em не пропорционален ширине столбца синтаксиса, поэтому его размещение на элементе столбца сломает макет.