html - 基础6.2大装订线

根据foundation 6.2文档，小型的默认网格边沟大小是20px，中型的默认网格边沟大小是30px，但没有提到大型的。大的默认边沟大小是多少？

最佳答案

查看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;