ファンデーション6.2大きなガターサイズ

Question

ファンデーション6.2のドキュメントによると、小サイズ用のデフォルトのグリッドガターサイズは20px、中型サイズは30pxですが、大きなサイズについては言及していません。大型の場合のデフォルトの溝サイズは何ですか？

Answer 1

財団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; 
     } 
    } 
    } 

ドキュメントが言うように定義された大規模なガターはありません。この場合、大きな溝は、と同じになります。これは、Foundationがモバイルを最初に使用するためです。あなたはこのような何かを行うことによって、カスタム大樋を追加することができ

：

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