Foundation 6 SASSでガター幅を変更

Question

私はgrid-xyシステムを使用していますが、settings.scssファイルでFoundation 6のガター幅を変更しようとしていますが、運がないです。私の究極の目標は、自分のセルの間の溝を15pxではなく20pxにすることです。私は自分の研究で思いつく、または見つけることができる変数を変更しようとしました。以下は私が試した変数のリストです。

$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); 

私はグローバル幅$を変更することができたし、それが効果を持っていたので、私は私の_settings.scssがにもかかわらず動作していることを確認するために知っています。ここで

は、私はどのようにグリッドのxy細胞間のデフォルトのパディング幅を変更できますか？

<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> 

を使用していhtmlですか

Answer 1

私は

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

が

を働い右の変数を使用していませんでしたが判明