列スパンの 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.85...%) はどのように計算されますか?
- 期待したものと一致しないのはなぜですか?