代码之家  ›  专栏  ›  技术社区  ›  Matt

基础6使用SASS更改排水沟宽度

  •  0
  • Matt  · 技术社区  · 7 年前

    $grid-column-gutter: (
          small: 30px,
          medium: 45px,
    );
    $column-gutter: rem-calc(20);
    $gutters: rem-calc(20);
    $gutter: rem-calc(20);
    $grid-margin-gutters:  rem-calc(20);
    

    我肯定知道我的设置。不过,scss正在工作,因为我能够更改$global width,它确实产生了效果。

    这是我正在使用的html

    <div class="grid-x grid-padding-x grid-container">
        <div class="cell large-4 medium-6 small-12">
            <h2>Test</h2>
        </div>
        <div class="cell large-4 medium-6 small-12">
            <h2>Test 2</h2>
        </div>
        <div class="cell large-4 medium-6 small-12">
            <h2>Test 3</h2>
        </div>
        <div class="cell large-4 medium-6 small-12">
            <h2>Test 4</h2>
        </div>
        <div class="cell large-4 medium-6 small-12">
            <h2>Test 5</h2>
        </div>
        <div class="cell large-4 medium-6 small-12">
            <h2>Test 6</h2>
        </div>
    </div>
    

    如何更改网格xy单元格之间的默认填充宽度?

    1 回复  |  直到 7 年前
        1
  •  0
  •   Matt    7 年前

    结果是我没有使用正确的变量

    $grid-padding-gutters: 40px;
    $grid-margin-gutters: 40px;