随笔分类 - scss
摘要：css - flex 踩坑 flex-shrink flex-shrink: 0 会导致元素宽度 无限拉长，不显示滚动或隐藏 ex demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equ
阅读全文
摘要：css - 滚动条样式 - webkit-scrollbar -webkit-scrollbar 浏览器兼容 火狐下的滚动条样式无法去修改，但chorme下的则可以任意修改，惊喜的是IE竟然是最早实现这一功能的浏览器，IE5都能有效果。 IE下的滚动条样式修改跟chrome下的不一样，而且只能修改颜
阅读全文
摘要：css - flex布局 来源：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于 盒状模型 ，依赖 display 属性 + position 属性 + flo
阅读全文
摘要：scss - 变量calc计算 假定定义变量$a = '20px'，若要使用calc，直接calc(100% - $a)这么用是不行的， 需要按如下使用方法： calc(100% - #{$a})
阅读全文
摘要：vue - sass样式穿透实现 // 引入的是第三种生效了，第一种不生效，第二种报错 // 第一种 >>> .my-el-form-item{ & >>> .el-form-item__content{ line-height:12px; } } //第二种 /deep/ .my-el-form-
阅读全文
摘要：scss - 基本使用 Sass中文网 intro Sass就是css的预处理器，Scss是Sass3版本中引入的新语法特性 install yarn add node-sass sass-loader 使用 变量 $ <template> <div class="main">main</div>
阅读全文
摘要：scss - export 返回 intro 将变量名导出，可以以Js的形式使用SCSS变量，通常写在一个variables.scss文件中，在需要的地方引入。 用法 variables.scss $red:#C03639; $green: #30B08F; $yellow:#FEC171; :ex
阅读全文
