配置Susy 2
配置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部落格 ” ,連結:http://blog.itpub.net/69926583/viewspace-2680223/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- debian配置(2)
- 配置 GRUB2
- iTerm2 配置
- SpringBoot2 配置Spring Boot
- HiveServer2配置HiveServer
- 網路配置2:靜態路由配置路由
- vue2 setting配置Vue
- WSL2配置Distrobox
- Struts2配置-1
- 2、coredump檔案的配置
- 安裝配置 msys2
- Windows Terminal + MSYS2 配置Windows
- helm2安裝配置
- webpack(2)--webapck自身的配置Web
- Swoft2 配置詳解
- Django2.x配置mysqlDjangoMySql
- webpack(2)——配置項詳解Web
- webpack2-3基本配置Web
- Struts2配置後ClassNotFoundExceptionException
- 實驗十八——————ACL配置2
- yii2配置詞典 / 模組(module)配置一覽
- 02_2__配置本地YUM源
- 銳捷L2TP配置
- HTTPS基礎原理和配置-2HTTP
- 2 建立和配置資料庫資料庫
- WSL2配置laravel環境Laravel
- DuiC 統一配置管理 2UI
- 在 IDEA 中配置 Struts2Idea
- 紅米S2配置引數詳解 紅米S2配置怎麼樣?
- SSM整合之使用配置類替換xml配置檔案(2)SSMXML
- win11下wsl2配置
- JavaEE——Spring4--(2)Bean的配置JavaSpringBean
- 屬性配置檔案詳解(2)
- Swagger3 相比2配置變了Swagger
- 2、Spring使用+ioc容器配置使用1Spring
- WSL2+Terminal+VScode配置除錯VSCode除錯
- Yii2配置pathinfo形式的url
- edk2+VS2008配置問題