Skip to content

Latest commit

 

History

History
62 lines (47 loc) · 1.49 KB

readme.md

File metadata and controls

62 lines (47 loc) · 1.49 KB

sass Compiler (Atma Plugin)

Build Status

The Plugin extends:

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