【问题标题】:What is the layout setting for SKETCH with Foundation 6SKETCH with Foundation 6 的布局设置是什么
【发布时间】:2016-01-13 09:39:12
【问题描述】:

我正在使用 SKETCH 应用程序为 Foundation 6 进行设计。这个框架的布局设置是什么。我知道引导它:

Total width: 1170px
Num. of Col.: 12 (Gutter outside)
Gutter width: 3px
Col. Width: 95px

基金会的设置是什么?有什么区别吗?

【问题讨论】:

    标签: css sketchapp


    【解决方案1】:

    截至目前,这些是 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-widthrem-calc(1200)(基本上是1200px)。

    所以我在 Sketch 布局设置中进行了这个基本设置,用于更大的桌面设计:

    总宽度:1200px
    偏移量:0px,然后点击“居中”按钮
    列数:12
    装订线宽度:30px
    列宽:72px

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-01-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多