Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

learn-sass

workshopper113MIT1.7.0

Learn SASS and SCSS through a workshopper adventure.

sass, css, scss, sassy, workshopper, adventure, node, nodejs, nodeschool, node-school

readme

NPM Build Status

Learn SASS

Teach yourself the basics of SASS and SCSS through simple coding exercises. Based on the node workshopper adventure format popularized by NodeSchool.

This adventure utilizes tutorials from the awesome Sass guide.

Get help

Having issues with learn-sass? Get help troubleshooting in the nodeschool discussions repo.

Install Node.js

Make sure Node.js is installed on your computer.

Install it from nodejs.org/download

Install learn-sass with npm

Open your terminal and run this command:

npm install -g learn-sass

The -g or --global option installs this module globally so that you can run it as a command in your terminal.

Having issues with installation?

If you get an EACCESS error, the simplest way to fix this is to rerun the command, prefixed with sudo:

sudo npm install -g learn-sass

You can also fix the permissions so that you don't have to use sudo. Have a look at the npm documentation.

Run the workshop

Open your terminal and run the following command:

learn-sass

You'll see the menu:

learn-sass screenshot

  1. Navigate the menu with the up & down arrow keys.
  2. Choose a challenge by hitting enter.

Acknowledgements

Thanks to Hampton Catlin, Natalie Weizenbaum, and Chris Eppstein for writing Sass, and to Sam Richard for evangelizing it.

Translations

License

MIT

Copyright (c) 2015, 2017 Claudio Procida

changelog

Changelog

v1.0.11

v1.0.12

v1.0.13

v1.0.14

v1.0.15

v1.0.16

v1.0.17

  • #27 Italian translation

v1.1.0

v1.1.1

  • Changed color annotation in samples from 3 hex digits to 6. i.e. #f00 -> #ff0000
  • Moved the screenshot outside of the repository to save install-time of learn-sass
  • Cleanup & removed unused dependencies: cli-md, colors, diff
  • #18 Updated to node-sass@3.4.1
  • #33 Updated to workshopper-adventure@4.6.3
  • #35 Updated to after@0.8.2
  • Extracted common footer into own files
  • Fixed Markdown syntax error

v1.1.2

v1.1.3

v1.2.0

v1.3.0

v1.3.1

  • Restores support for localized solutions
  • Adds a localization howto

v1.4.0

  • Translated exercises to Korean, thanks to @eunsucking

v1.5.0

  • Translated exercises to German, thanks to @Maroel

v1.6.0

v1.7.0

  • #64 Sorts properties in rules with postcss-sorting
  • Creates .npmignore
  • Adds package-lock.json