0

列スパンの 4 分の 1/5 にまたがるガターを生成しようとしています。グローバル設定は次のとおりです。

$page-width: 1080px;
$susy: (
    columns: 12,
    math: fluid,
    gutter-position: inside,
    gutters: 1/4.5, // will be overriden; I think ...
    global-box-sizing: border-box,
    use-custom: (rem: true),
    container: $page-width
);

このセレクターが続きます:

.mosaic {
    // Setting gutters of 4 * 1/5 single column width,
    // to be distributed 2/5 left, 2/5 right
    @include gallery(4 of 12 4/5);
}

生成された CSS.mosaicは次のとおりです。

.mosaic {
    width: 33.33333%;
    float: left;
    padding-left: 1.85185%; // Expected/wanted: 3.333...%
    padding-right: 1.85185%; // dito
}

各辺のパディングは 4/5 / 12 (列) / 2 (辺) = 1/30 = 3.333...% であると予想していました。 ) 列スパンの合計幅。

  1. 期待される結果を得るにはどうすればよいですか?
  2. パディング値 (1.85...%) はどのように計算されますか?
  3. 期待したものと一致しないのはなぜですか?
4

1 に答える 1