扩展Bootstrap 4和SASS

提问于 2024-04-25T06:28:40+08:00

浏览次

1

由于Bootstrap最近才正式发布，因此仍需要处理一些页面（https://getbootstrap.com/docs/4.0/extend/ - todo: this entire page ） .

我对sass / scss完全不熟悉所以这可能很容易 . 我想要做的是创建一个完整的类，它与bootstrap中的所有预配置样式一起使用 .

例如，我怎样才能创建一个.drop-shadow类，它将实现所有颜色（以及最终的其他设置），如.drop-shadow-primary， . drop-shadow-secondary等 .

1 回答

3
它可以通过像这样迭代Bootstrap 4 theme-colors() Map 来完成......
```
@each $color, $value in $theme-colors {
  .drop-shadow-#{$color} {
    box-shadow: 3px 3px 3px $value;
  }
}
```
https://www.codeply.com/go/LyLcAK9oHN

另见：How to change the bootstrap primary color?
回复于 2024-04-25T06:28:40+08:00

相关问题