配置Susy 2
就像上个版本一样,如果你想使用Susy 2,就需要在config.rb文件中引入susy:
#config.rb
require'susy'
然后向样式表中导入Susy:
//Importing Susy
import'susy';
Susy 2具有一系列内建的全局默认配置。完全可以像如下方式修改默认配置:
//Configuring Susy 2 Global Defaults
$susy:(
key:value
);
也许此时你会想深入了解使用这些默认配置的方式,不过我还是将相关内容另写一篇文章吧。现在就请直接使用默认配置吧,但我个人来说,比较喜欢使用border-box和rem单位,所以这里会有点小小的修改:
$susy:(
global-box-sizing:border-box,
use-custom:(rem:true
)
);
注意,Susy默认使用的时流失布局。这意味着外部容器元素的宽度是100%。
反之,如果你喜欢在Susy中使用精确断点的固定布局,那么只需把math关键字的值修改为static即可。这两种模式的主要区别就在于窗口宽度改变时的响应效果。
另一点需要注意的是,你还需要在项目中导入normalize和compass。简而言之,最初的配置文件如下所示:
import"normalize";
import"compass";
import"susy";
//Configuring Susy Defaults
$susy:(
global-box-sizing:border-box,
use-custom:(rem:true
)
);
include border-box-sizing;
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69926583/viewspace-2680223/ ,如需转载,请注明出处,否则将追究法律责任。