readme.md

May 21, 2019 · View on GitHub

sass Compiler (Atma Plugin)

The Plugin extends:

IncludeJS with a custom loader
atma-io with a custom middleware to read sass files
atma-server and Atma Toolkit with a HTTPHandler to serve compiled sources (with sourceMap support)

How to use

Embed into the Project

atma plugin install atma-loader-sass

This adds atma-loader-sass npm dependency and the package.json would look like:

{
	"dependency": {
		"atma-loader-sass"
	},
	"atma": {
		"plugins": [
			"atma-loader-sass"
		],
		"settings": {
			"atma-loader-sass": {
                "sass": {

                }
			}
		}
	}
}

That's all. Now, you are ready to use 'dynamic stylesheets' in your project

Quick Try

install atma: $ npm install atma -g
install plugin: $ atma plugin install atma-loader-sass

add test.html to the directory

<!DOCTYPE html>
<link href='test.scss' rel='stylesheet' />

add test.sass

$color: green;
body { background: $color; }

start the server: $ atma server
open the browser: http://localhost:5777/test.html

(c) MIT License - Atma.js Project