设为首页 加入收藏

TOP

Mac系统使用VS Code编译Bootstrap 4(二)
2019-09-03 02:13:02 】 浏览:36
Tags:Mac 系统 使用 Code 编译 Bootstrap
colors: ( "gray": #6c7074 );

      编译后bootstrap会将新的主题颜色应用到相应的部件上,例如按钮:

// bootstrap.css

.btn-gray {
  color: #fff;
  background-color: #6c7074;
  border-color: #6c7074;
}
.btn-gray:hover {
  color: #fff;
  background-color: #5a5d60;
  border-color: #53575a;
}
.btn-gray:focus, .btn-gray.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 112, 116, 0.5);
}
...

      btn-gray 就是根据我们自定义主题颜色而生成的新样式,同样background,text部件也会增加相应的gray样式。我们在编码的时候就能使用自定义样式了。

      显示效果:

      是不是很棒,一个变量搞定一切。

 

参考:

https://code.visualstudio.com/Docs/languages/CSS
http://sass-lang.com/install

首页 上一页 1 2 下一页 尾页 2/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇marquee标签的使用 下一篇行内元素和块元素以及行内块元素..

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目