css – SUSY2 – 教學範例 – mixin、function 介紹

這篇主要是方便以後編撰SUSY的時候可以查閱。介紹我在開發中常用的mixin與function,很少用到的方法就不在此列出囉!以下介紹內容可以配合官方網站,以寬螢幕 12 柵欄為Demo,至於 RWD的佈局,則參考前兩篇:基本進階佈局

有即時預覽可以參考,但是只有一支SCSS檔,比較凌亂。

Play with this gist on SassMeister.

 

基本上建議在本機練習實作時,分割兩支檔案。

_base.scss 基本設定檔

style3.scss

index3.html

不同顯示裝置同樣有一個問題,就是我們希望在不同顯示裝置套用不同的動態效果,那要如何偵測當前是手機、平板、還是桌電呢,就請參考這篇

Comments

發表迴響