首页 > Web开发 > 详细

sublime中编译的sass如何改变css输出风格?【这里有答案】

时间:2019-03-09 16:21:59      阅读:162      评论:0      收藏:0      [点我收藏+]

由于在网上找了一遍没找到如果在sublime中将sass编译的css转换成为自己喜欢的风格,所以换了一种思路搜索到了答案,这里我将讲述如果更改。

首先sass总共有四种编译风格

(1) nested(嵌套缩进、默认风格)
#main p {
  color: #00ff00;
  width: 97%; }
  #main p .red {
    background-color: #ff0000;
    color: #000000; }
  #main p .blue {
    background-color: #2ebcff;
    color: #878787; }
(2) expanded(展开、无缩进)
#main p {
  color: #00ff00;
  width: 97%;
}
#main p .red {
  background-color: #ff0000;
  color: #000000;
}
#main p .blue {
  background-color: #2ebcff;
  color: #878787;
}
(3) compact(紧凑、单行)
#main p { color: #00ff00; width: 97%; }
#main p .red { background-color: #ff0000; color: #000000; }
#main p .blue { background-color: #2ebcff; color: #878787; }
(4) compressed(压缩、无空格和换行)
#main p{color:#00ff00;width:97%}#main p .red{background-color:#ff0000;color:#000000}

  大家只需将sass里面的engine.rb文件找到,一般路径是这样的:

D:\Software\Ruby22\Ruby24-x64\lib\ruby\gems\2.4.0\gems\sass-3.5.6\lib\sass

  然后找到如下代码:

 DEFAULT_OPTIONS = {
      :style => :expanded,----->将此处改为自己想要的风格就可以了
      :load_paths => [],
      :cache => true,
      :cache_location => ‘./.sass-cache‘,
      :syntax => :sass,
      :filesystem_importer => Sass::Importers::Filesystem
    }.freeze

然后再在sublime里面编译一次,看看是否可以了?

 

资料参考于?https://zhidao.baidu.com/question/1244030470937877179.html

sublime中编译的sass如何改变css输出风格?【这里有答案】

原文:https://www.cnblogs.com/xiaojianwei/p/10501609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!