Twitter bootstrap 如何在Bootstrap4.5中使用$spacer变量?
下面是Bootstrap的_variables.scss文件中$spacer的代码:Twitter bootstrap 如何在Bootstrap4.5中使用$spacer变量?,twitter-bootstrap,bootstrap-4,sass,Twitter Bootstrap,Bootstrap 4,Sass,下面是Bootstrap的_variables.scss文件中$spacer的代码: $spacer: 1rem !default; $spacers: () !default; // stylelint-disable-next-line scss/dollar-variable-default $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer,
$spacer: 1rem !default;
$spacers: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
(
0: 0,
1: ($spacer * .25),
2: ($spacer * .5),
3: $spacer,
4: ($spacer * 1.5),
5: ($spacer * 3)
),
$spacers
);
酷,这些看起来都很有用。但我如何在SCS中实际使用这些?我试过
$spacer-4
,$spacer(4)
,$spacer(4)
。。。所有抛出错误:(使用map get
。例如:
.foo {
padding: map-get($spacers,4)
}
演示: