我正在使用 SKETCH 应用程序为 Foundation 6 进行设计。这个框架的布局设置是什么。我知道引导它的:
Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px
基金会的设置是什么?有什么区别吗?
截至目前,这些是Foundation中的设置:
// 3. The Grid
// -----------
$grid-row-width: $global-width;
$grid-column-count: 12;
$grid-column-gutter: (
small: 20px,
medium: 30px,
);
$grid-column-align-edge: true;
$grid-column-alias: 'columns';
$block-grid-max: 8;
在文件的前面,您会看到(基本上$global-width
)。rem-calc(1200)
1200px
因此,我在 Sketch 布局设置中进行了基本设置,用于更大的桌面设计:
总宽度:1200px
偏移:0px,然后单击“中心”按钮
列数:12装订
线宽度:30px
列宽:72px