PROSAGA码农传奇-数据仓库-如何使用sass在Bootstrap 4中创建新的颜色样式集

如何使用sass在Bootstrap 4中创建新的颜色样式集

作者: 产品你是狗
发布时间: 2024-08-20 09:48:18 (13天前)
转自：

<div class =“post-text”itemprop =“text”>
  
    没有全包颜色mixin，所以我认为你需要单独使用mixins ...
  
   <pre>
 <code>
 .btn-custom {
 @include button-variant(#cece19, #222222, #cece19);
}

.btn-custom-outline {
    @include button-outline-variant(#222222);
}

.card-custom {
    @include card-variant(#aa9999, #997777)
}

</code>
 </pre>
  
    <a href="http://www.codeply.com/go/MKGQCrLwDs" rel="nofollow noreferrer">
      http://www.codeply.com/go/MKGQCrLwDs
    </A>
  
  <HR />
  
    的
      
        更新：
      
    </强>
     在Bootstrap 4中，你现在
    
      能够
    
     创建一个新的自定义“主题颜色”，如中所述
    <a href="https://stackoverflow.com/a/50410667/171456">
      我的答案在这里
    </A>
    。这将允许您在任何地方使用颜色，如
     <code>
 btn-custom
 </code>
    ，
     <code>
 text-custom
 </code>
    ，
     <code>
 bg-custom
 </code>
    等等......
  
  
    的
      
        更新Bootstrap 4.1
      
    </强>
  
  
    按钮mixins略有变化，现在需要add'l params ......
  
   <pre>
 <code>
 .btn-custom {
 @include button-variant(#cece19, #222222, #cece19, #cece19, #cece19, #cece19);
}

.btn-custom-outline {
    @include button-outline-variant(#222222, #cece19, #222222, #cece19);
}

@import "bootstrap";

</code>
 </pre>
</DIV>