Getting Sass set up and running
Sass - from beginner to real world - Sass Essentials Edition
Work faster & smarter with Sass
Already enrolled?
Sign in to continue learning.
Sign in to continue learning.
Table of contents
Introduction
Introduction
Draft
What is Sass anyway?
Draft
What software do you need?
Draft
VS Code
Draft
The Community
The Setup
The Setup
Draft
A note before we get started
Draft
Installing Sass with Sass live compiler
Draft
Sass compilers for other text editors
Draft
Using Sass live compiler and live server
Draft
Sass live compiler and live server settings
Draft
A couple of other very useful VS Code Extensions
Draft
CSS output style options
Draft
What are source maps?
Draft
Other command line alternatives (free and premium options)
Draft
Sass vs SCSS - two different ways of writting Sass
Draft
CSS vs Sass comments
Nesting
Nesting
Draft
Nesting selectors
Draft
SCSS vs Sass nesting
Draft
Nesting and the ampersand (&)
Draft
Nesting properties
Draft
Time for a challenge!
Draft
nesting-challenge-starting-files.zip
Draft
solution.scss
Variables
Variables
Draft
What are variables?
Draft
Variable inception (variables inside variables)
Draft
Variables and the cascade
Draft
Naming variables
Draft
It's challenge time!
Draft
Variable Challenge Starting Files
Draft
variable-challenge-solution.scss
Building out a pricing table
Building out a pricing table
Draft
Pricing Table - Intro
Draft
Pricing Table Starting Files
Draft
Google font @import
Draft
Writing the markup
Draft
Setting up the variables
Draft
Styling it up
Draft
Pricing Table finished version
Extends
Extends
Draft
An introduction to Extends
Draft
Placeholders
Draft
Don't forget about the other stuff you can do
Draft
Problems with extends - 1
Draft
Problems with extends - 2
Mixins basics
Mixins basics
Draft
Introduction to Mixins
Draft
Selectors inside mixins
Draft
Mixin arguments - part one
Draft
Mixin arguments part two - optional arguments
Draft
Mixin arguments part three - more ways to work faster
Draft
Mixin arguments part four - keeping things in the right order
Draft
Mixin Challenge - Introduction
Draft
LearnSass - mixin challenge.pdf
Draft
Mixin Challenge - Starting Files
Introduction to functions
Introduction to functions
Draft
Introduction to Functions
Draft
Some of my favourite Sass functions
Building an e-commerce card
Building an e-commerce card
Draft
card-starting-files.zip
Draft
The Markup
Draft
Getting Sass set up and running
Draft
Settin' up the variables
Draft
Creating the mixins
Draft
Styling the typography
Draft
Styling the buttons
Draft
Finishing touches
Draft
my-finished-files.zip
Partials and file organization
Partials and file organization
Draft
Quick note
Draft
Introduction to partials
Draft
Order matters when importing your partials
Draft
The 7-1 system and what I actually use (file organization)
Closing thoughts
Closing thoughts
Draft
I hope you enjoyed the course, plus a few other things
Draft
Future Updates
Welcome!
Enter your info below to login.