鐵人檔案
前言 Sass對現在前端來說已經是不可或缺的技術，不僅用起來順手，如果熟悉之後切版的速度將會加快非常多這次的文章主要希望能讓大家知道如何利用Sass建立自己的C...
Day 02 和 Day 03 我們會來將環境建置完畢，環境安裝完成後就可以開始使用SASS了! 我的電腦是Windows 10，但Mac安裝環境也是大同小異...
今天要來安裝這次會用到的所有工具套件，並能順利將SASS編譯成CSS~ VS Code 套件 我們這次需要使用到Live Server，可以到VS Code的延...
這篇文章簡單介紹一下Sass~ Sass 是什麼 ? Sass是一種CSS預處理器語言(CSS preprocessor)，可以讓開發者使用像是變數、函式、嵌套...
Variables 在Sass中，開發者可以使用變數，例如可以將常用的顏色、寬度設定成變數，這樣未來如果顏色或寬度要改變時，只需要改掉變數的值，而不用像一般CS...
這篇文章會講解如何將Sass分成多個檔案模組化管理，並於編譯時只會編譯到同一個css檔案內 首先，我們在專案的sass資料夾內先建立一個variables.sc...
Project Structure 這篇文章我們來建立我們Sass專案的架構~ 一般Sass專案內都會有一個主要的.scss檔案，其用來負責將所有有用到的.sc...
Nest CSS with Sass 在Sass中，可以將CSS一層一層的包起來，不但簡單直覺能直接和HTML的結構做對應，也不用一層一層重複寫舉例來說，正常的...
Print 有寫過程式的人都知道，我們常常會在控制台輸出一些訊息用來DEBUG，測試看結果正不正確、程式是否有跑到這段，像是Javscript的 console...
Values 有寫過任何一門程式語言的應該都知道，對於每個變數的值來說都會有其對應的資料型態，而在Sass內也存在這種機制，今天就來介紹一下Sass中的資料型態...
