基础6.2大水沟尺寸

1 回答

• 3

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

  ///不同屏幕尺寸的列之间的空间量 . 要仅使用一个大小，请将变量设置为数字而不是 Map .
  /// @type Map |长度
  /// @since 6.1.0
  $ grid-column-gutter :(
  小：20px，
  中：30px，
  ）！默认;

  和_column.scss：

  //排水沟
  @if type-of（$ gutter）=='map'{
  @each $ breakpoint，$ gutter中的$ value {
  $ padding：rem-calc（$ value）/ 2;

  @include breakpoint（$ breakpoint）{
  padding-left：$ padding;
  padding-right：$ padding;
  }
  }
  }

  There is no large gutter defined as the docs say. 所以在这种情况下 large gutters would be the same as medium 因为Foundation首先使用移动设备 .

  您可以通过执行以下操作添加自定义大型装订线：

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

  回复于 2024-04-29T05:18:18+08:00