【发布时间】:2016-01-13 09:39:12
【问题描述】:
我正在使用 SKETCH 应用程序为 Foundation 6 进行设计。这个框架的布局设置是什么。我知道引导它:
Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px
基金会的设置是什么?有什么区别吗?
【问题讨论】:
我正在使用 SKETCH 应用程序为 Foundation 6 进行设计。这个框架的布局设置是什么。我知道引导它:
Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px
基金会的设置是什么?有什么区别吗?
【问题讨论】:
截至目前,这些是 Foundation 中的settings:
// 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
【讨论】: