CSS with SCSS - Learn SASS: Variables, Mixins, Imports, Functions (Live Stream)
Learn SASS with me. People often ask me how I learn things. In this video I'll be figuring out how to use SASS and you'll see that live in action.
We'll go over project setup, variables, calculations, mixins, imports, functions, color lightness darkness change.
Watch part 2: • SASS (CSS) Advanced, @for @each loops...
SASS documentation https://sass-lang.com/documentation/
00:00:00 Setup HTML/SASS project with Node JS & Parcel JS
00:06:15 Start: Using SASS variables
00:11:02 Nested Styles & Classes
00:15:25 Calculations
00:22:45 Mixins @mixin @include
00:32:30 Imports, Code splitting @import
00:50:35 Mixins with Arguments
01:02:06 SASS/SCSS Mixins with default Arguments
01:04:25 SASS/SCSS Mixins with named Arguments
01:10:40 SASS/SCSS pseudo classes, state classes like :hover :active ::after ::before
01:13:10 Lighter, darker colors in SASS
01:19:20 Functions in SASS @function
01:30:15 SASS/SCSS: Call functions within other functions
#css #html #sass #scss