Ryan Allen ryanallen

Sass Doesn't Care

Whether you use underscores or hyphens or mix and match.

Before you can use the npm command, you'll need to install [Node.js][].

You can install [Node.js][] directly or to manage multiple versions, try Volta!

This is the code you need to align images to the left:

Concept selection matrix is for ranking solutions against the right problems. Use the table below or this google sheet.

	.scene__adventure {
	@include scene;
	background: { /// : needs to replace the - for nested properties
	color: $blue20;
	image: url(#{$svg-path}space-adventure__stars.svg);
	}
	}

	@mixin corners($corner...) {
	border-radius: $corner;
	}

	.round-corners {@include corners(1rem 1em 1vw 1vmin);}

	/// compiles to:
	///
	/// .round-corners {border-radius: 1rem 1em 1vw 1vmin;}
	/// official docs: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#variable_arguments

	$svg-path : "../../img/svg/";

	body {
	background: url(#{$svg-path}astronaut-ryan.svg) repeat-x fixed 0 0;
	}