Dart Sass和Libsass都是用来将sass编译成css的工具。
libsass
libsass 是用 node(调用 cpp 编写的 libsass)来编译 sass；
自动编译实时的
dart-sass
dart-sass 是用 drat VM 来编译 sass
需要...
yekong
3年前 (2021-08-29)
喜欢
Scss的注释在压缩编译后注释信息会被删除
那么如何保留注释信息呢？
在注释信息中添加叹号
/*!
注释信息
*/
编译前
编译后
...
yekong
3年前 (2021-08-29)
喜欢
浏览器的标准没有完全统一
.modal-dialog {
-webkit-transform: translate(-50%, -55%);
-ms-transform: translate(-50%, -55%);
-o-transform: tran...
yekong
3年前 (2021-08-28)
喜欢
gem install compass
如果安装不了，更换源试试
先移出
gem sources --remove https://rubygems.org/
再添加
gem source -a http://gems.ruby-china.com
然后再重新运行，就可以愉...
yekong
3年前 (2021-08-21)
喜欢
ERROR: While executing gem ... (Gem::FilePermissionError)
You don't have write permissions for the /Library/Ruby/Gems/2.6.0 directo...
yekong
3年前 (2021-08-21)
喜欢
@debug 在 Sass 中是用来调试的，当你的在 Sass 的源码中使用了 @debug 指令之后，Sass 代码在编译出错时，在命令终端会输出你设置的提示 Bug:
@debug 10em + 12em;
会输出：
Line 1 DEBUG: 22em
...
yekong
3年前 (2021-08-20)
喜欢
@error 和 @warn、@debug 功能是如出一辙。
@mixin error($x){
@if $x < 10 {
width: $x * 10px;
} @else if $x == 10 {
width: $x;
} @else {...
yekong
3年前 (2021-08-20)
喜欢
@at-root 从字面上解释就是跳出根元素。当你选择器嵌套多层之后，想让某个选择器跳出，此时就可以使用 @at-root。
.a {
color: red;
.b {
color: orange;
.c {
color: yellow;
...
yekong
3年前 (2021-08-20)
喜欢
Sass 中的 @extend 是用来扩展选择器或占位符。比如：
.error {
border: 1px #f00;
background-color: #fdd;
}
.error.intrusion {
background-image: url("/...
yekong
3年前 (2021-08-20)
喜欢
@warn 和 @debug 功能类似，用来帮助我们更好的调试 Sass。如：
@mixin adjust-location($x, $y) {
@if unitless($x) {
@warn "Assuming #{$x} to be in pixels...
yekong
3年前 (2021-08-20)
喜欢
