STOP Using Plain CSS NOW | How to Add SCSS/SASS to an Angular Web App
In this video, we talk about SASS/SCSS and dive deeper into relevant topics such as mixins, inheritance, variables, functions, and more! We also begin our "building a blog application" journey by applying some SCSS topics to the app to add some styling. After watching, you'll know how to add scss to a web app and get started styling your own website.
Check out our Podcast!
https://open.spotify.com/show/36eNV2m...
To follow along with the blog application check out our Github repo at: https://github.com/smallbatchdevs/2-S...
SASS Pre-Built Functions:
https://gist.github.com/AllThingsSmit...
Add SCSS in Existing Angular App:
/ migrate-your-existing-angular-6-applicatio...
tailwindcss:
https://tailwindcss.com/
WATCH NEXT:
Add Real-Time Database, Firebase as your backend: • SUPERCHARGE Your Web App! | FIREBASE Intro...
Firebase Hosting: • DEPLOY APP to Firebase | GO LIVE with your...
Check out our website for more great tutorials and content!
https://smallbatchdevs.com
KEEP UP with @smallbatchdevs on SOCIAL MEDIA!
Twitter: / smallbatchdevs
Instagram: / smallbatchdevs
Facebook: / small-batch-devs-112906707036301
Twitch: / smallbatchdevs
Check out all our Github Repositories for these episodes:
https://github.com/smallbatchdevs
00:00 Intro
00:10 Why Use SASS?
00:33 What is SCSS/SASS?
01:05 SCSS Nesting
01:40 SCSS Mixins
02:10 SCSS Inheritance
02:45 SCSS Operators
03:10 SCSS Prebuilt Functions
03:34 What is the difference between SCSS and SASS?
04:22 Install SCSS
04:50 Implement SCSS in App / Demo
06:08 Setup SCSS File Watcher in Intellij
07:11 Adobe Mockup
07:40 Code Montage
08:14 Code Explanation
09:04 Code Montage
09:15 Code Explanation
11:15 Code Explanation
12:50 Code Explanation
12:57 Outro
#css #sass #scss
Music Credit: 'Low Frequency Music'
Track Name: 'Good Day'
Music By: Low Frequency Music @ / user-551516820
Official "Low Frequency Music" YouTube Channel HERE - / lowfrequencymusic
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License. Full License HERE - https://creativecommons.org/licenses/...
Music promoted by NCM https://goo.gl/fh3rEJ@ www.ChillOutMedia.com / www.LoFi-HipHop.com
