基础6.2大水沟大小

Question

根据Foundation 6.2文档，默认网格装订线尺寸为20px，中等尺寸为30px，但没有提到大。大型的默认装订线尺寸是什么？

Answer 1

在Foundation GitHub页面上查看_grid.scss：

/// The amount of space between columns at different screen sizes. To use just one size, set the variable to a number instead of a map.
/// @type Map | Length
/// @since 6.1.0
$grid-column-gutter: (
  small: 20px,
  medium: 30px,
) !default;

和_column.scss：

// Gutters
  @if type-of($gutter) == 'map' {
    @each $breakpoint, $value in $gutter {
      $padding: rem-calc($value) / 2;

      @include breakpoint($breakpoint) {
        padding-left: $padding;
        padding-right: $padding;
      }
    }
  }

文档中没有定义大型装订线。因此，在这种情况下，大型排水沟与中型相同，因为基金会首先使用移动设备。

您可以通过以下方式添加自定义大型装订线：

$grid-column-gutter: (
  small: 20px,
  medium: 30px,
  large: 50px
) !default;