{"heading":"Contents","id":16152622,"theme":{"name":"none","colors":{"background":"#0C1A23","button":"#00FF0A","buttonText":"#0C1A23","heading":"#00FF0A","text":"#DAE6ED"},"background":{"blend":"multiply","blur":0,"contrast":75,"grayscale":100,"opacity":38,"url":null}},"button":{"text":null,"url":null},"enrollmentsClosed":true,"fileCounts":{"file":"11 files","text":"6 text files","video":"52 videos"},"includedHeading":"What's included?","preLaunch":false,"products":null,"sections":[{"id":50271,"default":true,"name":"Contents","description":null,"blocks":[]},{"id":50654,"default":false,"name":"Introduction","description":"

A quick introduction to the course and the software that you'll be needing

","blocks":[{"id":143944,"icon":"play-circle-o","title":"What is Sass anyway?","length":"6 mins","filesize":"61.7 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50654-introduction/143944-what-is-sass-anyway"}},{"id":143945,"icon":"play-circle-o","title":"What software do you need?","length":"1 min","filesize":"8.65 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50654-introduction/143945-what-software-do-you-need"}},{"id":143946,"icon":"link","title":"VS Code","length":null,"filesize":null,"preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50654-introduction/143946-vs-code"}},{"id":153147,"icon":"play-circle-o","title":"The Community","length":"6 mins","filesize":"113 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50654-introduction/153147-the-community"}}]},{"id":50292,"default":false,"name":"The Setup","description":"

A look at setting up everything we need to get started with Sass

","blocks":[{"id":143947,"icon":"file-text-o","title":"A note before we get started","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143947-a-note-before-we-get-started"}},{"id":143951,"icon":"play-circle-o","title":"Installing Sass with Sass live compiler","length":"4 mins","filesize":"137 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143951-installing-sass-with-sass-live-compiler"}},{"id":150190,"icon":"file-text-o","title":"Sass compilers for other text editors","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/150190-sass-compilers-for-other-text-editors"}},{"id":143949,"icon":"play-circle-o","title":"Using Sass live compiler and live server","length":"2 mins","filesize":"50.9 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143949-using-sass-live-compiler-and-live-server"}},{"id":143952,"icon":"play-circle-o","title":"Sass live compiler and live server settings","length":"4 mins","filesize":"107 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143952-sass-live-compiler-and-live-server-settings"}},{"id":143950,"icon":"play-circle-o","title":"A couple of other very useful VS Code Extensions","length":"2 mins","filesize":"41.5 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143950-a-couple-of-other-very-useful-vs-code-extensions"}},{"id":143953,"icon":"play-circle-o","title":"CSS output style options","length":"4 mins","filesize":"50.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143953-css-output-style-options"}},{"id":143955,"icon":"play-circle-o","title":"What are source maps?","length":"3 mins","filesize":"32.8 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143955-what-are-source-maps"}},{"id":143956,"icon":"play-circle-o","title":"Other command line alternatives (free and premium options)","length":"2 mins","filesize":"43.1 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143956-other-command-line-alternatives-free-and-premium-options"}},{"id":144080,"icon":"play-circle-o","title":"Sass vs SCSS - two different ways of writting Sass","length":"3 mins","filesize":"36.9 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/144080-sass-vs-scss-two-different-ways-of-writting-sass"}},{"id":143954,"icon":"play-circle-o","title":"CSS vs Sass comments","length":"2 mins","filesize":"21.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50292-the-setup/143954-css-vs-sass-comments"}}]},{"id":50293,"default":false,"name":"Nesting","description":"

Nesting is a key feature to Sass. It's really powerful, and often abused. Let's look at how to use it properly, and some of the really cool things ways you can nest within Sass

","blocks":[{"id":144083,"icon":"play-circle-o","title":"Nesting selectors","length":"3 mins","filesize":"85.5 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144083-nesting-selectors"}},{"id":144082,"icon":"play-circle-o","title":"SCSS vs Sass nesting","length":"3 mins","filesize":"75 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144082-scss-vs-sass-nesting"}},{"id":144085,"icon":"play-circle-o","title":"Nesting and the ampersand (&)","length":"8 mins","filesize":"135 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144085-nesting-and-the-ampersand"}},{"id":144084,"icon":"play-circle-o","title":"Nesting properties","length":"3 mins","filesize":"31 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144084-nesting-properties"}},{"id":144081,"icon":"play-circle-o","title":"Time for a challenge!","length":"2 mins","filesize":"21.5 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144081-time-for-a-challenge"}},{"id":144087,"icon":"paperclip","title":"nesting-challenge-starting-files.zip","length":null,"filesize":"87.1 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144087-nesting-challenge-starting-files-zip"}},{"id":144086,"icon":"paperclip","title":"solution.scss","length":null,"filesize":"769 Bytes","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50293-nesting/144086-solution-scss"}}]},{"id":50294,"default":false,"name":"Variables","description":"","blocks":[{"id":144093,"icon":"play-circle-o","title":"What are variables?","length":"4 mins","filesize":"161 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/144093-what-are-variables"}},{"id":144095,"icon":"play-circle-o","title":"Variable inception (variables inside variables)","length":"4 mins","filesize":"156 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/144095-variable-inception-variables-inside-variables"}},{"id":144091,"icon":"play-circle-o","title":"Variables and the cascade","length":"3 mins","filesize":"17.8 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/144091-variables-and-the-cascade"}},{"id":144099,"icon":"play-circle-o","title":"Naming variables","length":"5 mins","filesize":"174 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/144099-naming-variables"}},{"id":144088,"icon":"play-circle-o","title":"It's challenge time!","length":"3 mins","filesize":"51.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/144088-it-s-challenge-time"}},{"id":145681,"icon":"paperclip","title":"Variable Challenge Starting Files","length":null,"filesize":"2.4 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/145681-variable-challenge-starting-files"}},{"id":143080,"icon":"paperclip","title":"variable-challenge-solution.scss","length":null,"filesize":"1.17 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50294-variables/143080-variable-challenge-solution-scss"}}]},{"id":50295,"default":false,"name":"Operators","description":"

A cool way to do math in your CSS!

","blocks":[{"id":144107,"icon":"play-circle-o","title":"Introduction to Operators","length":"5 mins","filesize":"25.5 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50295-operators/144107-introduction-to-operators"}},{"id":144106,"icon":"play-circle-o","title":"Operators - a use case","length":"3 mins","filesize":"20.4 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50295-operators/144106-operators-a-use-case"}}]},{"id":50296,"default":false,"name":"Building out a pricing table","description":"

Okay, so we've learned a lot of new stuff, you've nailed a few challenges, now it's time to really step things up with a more realistic example of Sass in action.

","blocks":[{"id":144201,"icon":"play-circle-o","title":"Pricing Table - Intro","length":"1 min","filesize":"28.7 MB","preview":true,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/144201-pricing-table-intro"}},{"id":143079,"icon":"paperclip","title":"Pricing Table Starting Files","length":null,"filesize":"115 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/143079-pricing-table-starting-files"}},{"id":145687,"icon":"file-text-o","title":"Google font @import","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/145687-google-font-import"}},{"id":144206,"icon":"play-circle-o","title":"Writing the markup","length":"6 mins","filesize":"136 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/144206-writing-the-markup"}},{"id":144210,"icon":"play-circle-o","title":"Setting up the variables","length":"11 mins","filesize":"171 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/144210-setting-up-the-variables"}},{"id":144212,"icon":"play-circle-o","title":"Styling it up","length":"31 mins","filesize":"804 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/144212-styling-it-up"}},{"id":144208,"icon":"paperclip","title":"Pricing Table finished version","length":null,"filesize":"10.6 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50296-building-out-a-pricing-table/144208-pricing-table-finished-version"}}]},{"id":50297,"default":false,"name":"Extends","description":"

Extends are a controversial part of Sass, with a lot of people preferring not to use them, including myself. That said, they're a pretty neat feature, and if used properly, can be used well.

","blocks":[{"id":144835,"icon":"play-circle-o","title":"An introduction to Extends","length":"4 mins","filesize":"37.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50297-extends/144835-an-introduction-to-extends"}},{"id":144831,"icon":"play-circle-o","title":"Placeholders","length":"2 mins","filesize":"20.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50297-extends/144831-placeholders"}},{"id":144834,"icon":"play-circle-o","title":"Don't forget about the other stuff you can do","length":"2 mins","filesize":"22.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50297-extends/144834-don-t-forget-about-the-other-stuff-you-can-do"}},{"id":144836,"icon":"play-circle-o","title":"Problems with extends - 1","length":"2 mins","filesize":"16.3 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50297-extends/144836-problems-with-extends-1"}},{"id":144832,"icon":"play-circle-o","title":"Problems with extends - 2","length":"4 mins","filesize":"52.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50297-extends/144832-problems-with-extends-2"}}]},{"id":50298,"default":false,"name":"Mixins basics","description":"

Mixins are one of the things that convinced me that Sass was worth learning. I saw some basic examples of them and was blown away. In this section, I'll introduce you to mixins, and we'll look at why they are so awesome.

Once I've shown you how they work, you'll get to see if you really understood with a challenge that should force you to think a little bit :).

","blocks":[{"id":144848,"icon":"play-circle-o","title":"Introduction to Mixins","length":"4 mins","filesize":"28 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144848-introduction-to-mixins"}},{"id":144853,"icon":"play-circle-o","title":"Selectors inside mixins","length":"4 mins","filesize":"45.8 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144853-selectors-inside-mixins"}},{"id":144855,"icon":"play-circle-o","title":"Mixin arguments - part one","length":"3 mins","filesize":"32.2 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144855-mixin-arguments-part-one"}},{"id":144852,"icon":"play-circle-o","title":"Mixin arguments part two - optional arguments","length":"3 mins","filesize":"21.1 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144852-mixin-arguments-part-two-optional-arguments"}},{"id":144856,"icon":"play-circle-o","title":"Mixin arguments part three - more ways to work faster","length":"4 mins","filesize":"32.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144856-mixin-arguments-part-three-more-ways-to-work-faster"}},{"id":144849,"icon":"play-circle-o","title":"Mixin arguments part four - keeping things in the right order","length":"3 mins","filesize":"22.4 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/144849-mixin-arguments-part-four-keeping-things-in-the-right-order"}},{"id":145702,"icon":"play-circle-o","title":"Mixin Challenge - Introduction","length":"6 mins","filesize":"89.6 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/145702-mixin-challenge-introduction"}},{"id":145707,"icon":"paperclip","title":"LearnSass - mixin challenge.pdf","length":null,"filesize":"103 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/145707-learnsass-mixin-challenge-pdf"}},{"id":157977,"icon":"paperclip","title":"Mixin Challenge - Starting Files","length":null,"filesize":"782 Bytes","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50298-mixins-basics/157977-mixin-challenge-starting-files"}}]},{"id":50299,"default":false,"name":"Introduction to functions","description":"

Functions are an essential part of Sass. You don't realize it yet, but you've already been using them too!

As an introduction, we'll just look at what a function even is as well as a few of the functions that come packaged with Sass to get us started with them, and we'll revisit them later on once we've got into some of the more advanced concepts.

","blocks":[{"id":145355,"icon":"play-circle-o","title":"Introduction to Functions","length":"2 mins","filesize":"11.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50299-introduction-to-functions/145355-introduction-to-functions"}},{"id":145353,"icon":"play-circle-o","title":"Some of my favourite Sass functions","length":"7 mins","filesize":"55.3 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50299-introduction-to-functions/145353-some-of-my-favourite-sass-functions"}}]},{"id":50300,"default":false,"name":"Building an e-commerce card","description":"

It's time to put everything we've learned so far together and build something! I'd suggest trying to build this all out on your own with the provided files, then seeing how I approach it, but there ain't no shame in just following along either!

","blocks":[{"id":153570,"icon":"paperclip","title":"card-starting-files.zip","length":null,"filesize":"313 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/153570-card-starting-files-zip"}},{"id":145373,"icon":"play-circle-o","title":"The Markup","length":"6 mins","filesize":"95.4 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145373-the-markup"}},{"id":145374,"icon":"play-circle-o","title":"Getting Sass set up and running","length":"3 mins","filesize":"46.5 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145374-getting-sass-set-up-and-running"}},{"id":145382,"icon":"play-circle-o","title":"Settin' up the variables","length":"5 mins","filesize":"66.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145382-settin-up-the-variables"}},{"id":145370,"icon":"play-circle-o","title":"Creating the mixins","length":"9 mins","filesize":"168 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145370-creating-the-mixins"}},{"id":145368,"icon":"play-circle-o","title":"Styling the typography","length":"7 mins","filesize":"132 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145368-styling-the-typography"}},{"id":145369,"icon":"play-circle-o","title":"Styling the buttons","length":"6 mins","filesize":"141 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145369-styling-the-buttons"}},{"id":145383,"icon":"play-circle-o","title":"Finishing touches","length":"8 mins","filesize":"202 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/145383-finishing-touches"}},{"id":153572,"icon":"paperclip","title":"my-finished-files.zip","length":null,"filesize":"154 KB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50300-building-an-e-commerce-card/153572-my-finished-files-zip"}}]},{"id":50314,"default":false,"name":"Partials and file organization","description":"

Partials are pretty much little Sass files. They allow us to break our code up into a more organized system, and then import all of the individual files into one file, which then gets compiled into our final CSS file.

","blocks":[{"id":145387,"icon":"file-text-o","title":"Quick note","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50314-partials-and-file-organization/145387-quick-note"}},{"id":145384,"icon":"play-circle-o","title":"Introduction to partials","length":"5 mins","filesize":"61.2 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50314-partials-and-file-organization/145384-introduction-to-partials"}},{"id":145385,"icon":"play-circle-o","title":"Order matters when importing your partials","length":"4 mins","filesize":"62.7 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50314-partials-and-file-organization/145385-order-matters-when-importing-your-partials"}},{"id":145386,"icon":"play-circle-o","title":"The 7-1 system and what I actually use (file organization)","length":"10 mins","filesize":"197 MB","preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/50314-partials-and-file-organization/145386-the-7-1-system-and-what-i-actually-use-file-organization"}}]},{"id":51394,"default":false,"name":"Closing thoughts","description":"","blocks":[{"id":145718,"icon":"file-text-o","title":"I hope you enjoyed the course, plus a few other things","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/51394-closing-thoughts/145718-i-hope-you-enjoyed-the-course-plus-a-few-other-things"}},{"id":145720,"icon":"file-text-o","title":"Future Updates","length":null,"filesize":null,"preview":false,"buttonText":{"closed":"Enrollment is closed","preview":"Preview","purchase":"Get access","view":"View"},"urls":{"purchase":"/sass-essentials/buy?term=full","visit":"/courses/sass-essentials/51394-closing-thoughts/145720-future-updates"}}]}],"showFileCount":true}