- SASS : Syntactically Awesome Style Sheets
- WPU SASS| 2 Nesting -> 5:20 Preference Setting
- File -> Preferences -> Settings -> cari live sass compiler, "savePath": "~/../css/" | CTRL + ,
- ul>li*5>a{Link $} : shortcut buat elemet ul didalamnya ada 5 element li dibungkus a
- Alt Shift bawah : copy element kebawah
- File scss yang ada underscore itu merupakan module Masalah :
- Buat Folder CSS masih error Solver
Versi SASS :
- Lite SASS : versi VS Code
- Dart SASS : versi installl di komputer
import memiliki masalah jadi gunakan @use windows :
Install Sass (Solusi Error npm - EPERM: operation not permitted on Windows):
- Buka bash dari VS Code
- npm config edit, akan buka notepad
- Ubah prefix dari C:\Program Files\Git\usr\local menjadi prefix=C:\Users\User\AppData\Roaming\npm
- https://stackoverflow.com/questions/34600932/npm-eperm-operation-not-permitted-on-windows
- Daftarkan env varibel
- C:\Program Files (x86)\Git\local
- C:\Program Files\Git\bin;C:\Windows\system32
- npm install -g sass
- sass; jika muncul versi sass maka uda pake versi DART SASS
- Ubah @import jadi pake @use. Cara jalankan :
$ sass scss/main.scss css/main.css
- (Built-in Modules)[https://sass-lang.com/documentation/modules]
- Color
- adjust
- complement
- darken
- lighten
- saturate
- desaturate
- grayscale
- mix
- fade-in
- fade-out
- List
- Map
- Math
- Meta
- Selector
- String
- Color