1
我正在使用SKETCH應用程序爲基金會6設計。這個框架的佈局設置是什麼。我知道它的自舉:什麼是基金會與SKETCH的佈局設置6
Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px
什麼是基礎設置?有什麼區別?
我正在使用SKETCH應用程序爲基金會6設計。這個框架的佈局設置是什麼。我知道它的自舉:什麼是基金會與SKETCH的佈局設置6
Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px
什麼是基礎設置?有什麼區別?
由於這一刻,這些都是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
)。
所以我有這個草圖中的佈局設置基本設置爲一個更大的桌面設計:
總寬:1200像素
偏移:0像素,然後點擊「中心」按鈕
列數:12
溝槽寬度:30px
列寬:72px