CSS & SCSS

Life’s too short to build something nobody wants.

—— Ash Maurya, Running Lean: Iterate from Plan A to a Plan That Works

無障礙網頁設計在排版與色彩上需要注意的地方很多，擁有良好管理方式是促進無障礙變得更好。

很多個不同顏色的拱門，一眼望去像是一系列的漸層色彩變化。

資料夾位置

src/assets/scss

結構

scss/
├── base/
├───├── _core.scss
├───├── _keyframes.scss
├───├── _mixins.scss
├───├── _reset.scss
├───├── _utilities.scss
├───├── _variables.scss
├── components/
├───├── _core.scss
├── layout/
├───├── pages/
├───├── _layout.scss
├───├── _core.scss
├── plugins/
├── style.scss

覆寫 SCSS

在 _variables.scss 複寫 Piman 的 scss variable 即可。例如您如果使用我們的 Nuxt 範本，只需要在這個檔案覆寫變數。

https://github.com/ya-sai/piman-nuxt2-template/blob/main/assets/scss/base/_variables.scss