chroma-sass
Advanced tools
Comparing version 1.1.2 to 1.2.0
{ | ||
"name": "chroma", | ||
"version": "1.1.2", | ||
"homepage": "https://github.com/JohnAlbin/chroma", | ||
"description": "Chroma is the Sass color manager. Manages color names, variations, and schemes.", | ||
"main": [ | ||
"sass/_chroma.scss" | ||
], | ||
"authors": [ | ||
"JohnAlbin <virtually.johnalbin@gmail.com>" | ||
"John Albin Wilkins <virtually.johnalbin@gmail.com> (http://john.albin.net/)" | ||
], | ||
"description": "Chroma is the Sass color manager.", | ||
"main": "sass/_chroma.scss", | ||
"license": "GPL-2.0", | ||
"keywords": [ | ||
@@ -14,5 +15,5 @@ "sass", | ||
], | ||
"license": "GPL-2.0", | ||
"homepage": "https://github.com/JohnAlbin/chroma", | ||
"ignore": [ | ||
"bower_components", | ||
"**/.*", | ||
"chroma.gemspec", | ||
@@ -19,0 +20,0 @@ "lib", |
@@ -101,3 +101,3 @@ # About Chroma | ||
## Ruby Sass Installation | ||
## NPM installation | ||
@@ -107,19 +107,13 @@ On your computer, simply run: | ||
```sh | ||
gem install chroma-sass | ||
npm install chroma-sass --save-dev | ||
``` | ||
If you are using Bundler (and you should!) then you can add it to an existing project by editing the project's Gemfile and adding this line: | ||
You can then start using Chroma in your Sass files. Just add this line to one of your .sass or .scss files and start creating! | ||
```ruby | ||
gem 'chroma-sass', '~> 1.0' | ||
```scss | ||
@import "../path/to/node_modules/chroma-sass/sass/chroma"; | ||
``` | ||
If you are using Compass, edit your project's config.rb and add this line: | ||
Alternatively, you can add the `node_modules/chroma-sass/sass` path to your Sass tool's import paths and then use the simpler: | ||
```ruby | ||
require 'chroma' | ||
``` | ||
You can then start using Chroma in your Sass files. Just add this line to one of your .sass or .scss files and start creating! | ||
```scss | ||
@@ -149,3 +143,3 @@ @import "chroma"; | ||
## NPM installation | ||
## Ruby Sass Installation | ||
@@ -155,15 +149,29 @@ On your computer, simply run: | ||
```sh | ||
npm install chroma-sass --save-dev | ||
gem install chroma-sass | ||
``` | ||
You can then start using Chroma in your Sass files. Just add this line to one of your .sass or .scss files and start creating! | ||
If you are using Bundler (and you should!) then you can add it to an existing project by editing the project's Gemfile and adding this line: | ||
```scss | ||
@import "../path/to/node_modules/chroma-sass/sass/chroma"; | ||
```ruby | ||
gem 'chroma-sass', '~> 1.0' | ||
``` | ||
Alternatively, you can add the `node_modules/chroma-sass/sass` path to your Sass tool's import paths and then use the simpler: | ||
If you don't yet have a Gemfile, you can create one with: | ||
```sh | ||
gem install bundler | ||
bundle init | ||
bundle inject chroma-sass '~> 1.0' | ||
``` | ||
If you are using Compass, edit your project's config.rb and add this line: | ||
```ruby | ||
require 'chroma' | ||
``` | ||
You can then start using Chroma in your Sass files. Just add this line to one of your .sass or .scss files and start creating! | ||
```scss | ||
@import "chroma"; | ||
``` |
{ | ||
"name": "chroma-sass", | ||
"version": "1.1.2", | ||
"version": "1.2.0", | ||
"description": "Chroma is the Sass color manager, managing color names, variations, and color schemes.", | ||
"homepage": "https://github.com/JohnAlbin/chroma", | ||
"bugs": { | ||
"url": "https://github.com/JohnAlbin/chroma/issues" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git://github.com/JohnAlbin/chroma.git" | ||
}, | ||
"author": "John Albin Wilkins <virtually.johnalbin@gmail.com> (http://john.albin.net/)", | ||
"description": "Chroma is the Sass color manager.", | ||
"license": "GPL-2.0", | ||
"keywords": [ | ||
"eyeglass-module", | ||
"sass", | ||
"colors" | ||
], | ||
"main": "sass/_normalize.scss", | ||
"style": "sass/_normalize.scss", | ||
"eyeglass": { | ||
"exports": "eyeglass-exports.js", | ||
"needs": "^0.7.1" | ||
}, | ||
"directories": { | ||
"lib": "sass", | ||
"test": "test" | ||
}, | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"chai": "^3.2.0", | ||
"kss": "kss-node/kss-node", | ||
"mocha": "^2.2.5", | ||
"sassy-test": "^1.0.1" | ||
}, | ||
"scripts": { | ||
"test": "mocha", | ||
"posttest": "eslint test", | ||
"docs": "kss-node --source sass --source docs --destination gh-pages --homepage homepage.md --title 'Chroma for Sass'" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git://github.com/JohnAlbin/chroma.git" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/JohnAlbin/chroma/issues" | ||
"license": "GPL-2.0", | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"chai": "^3.4.1", | ||
"eslint": "^1.9.0", | ||
"kss": "kss-node/kss-node", | ||
"mocha": "^2.3.4", | ||
"sassy-test": "^2.0.0" | ||
} | ||
} |
@@ -91,10 +91,18 @@ # About Chroma | ||
## INSTALLATION | ||
## Install | ||
Chroma can be installed either as a Ruby Gem, as a Bower component, or as a NPM module. See [Chroma’s online documentation](http://johnalbin.github.io/chroma/) for more information. | ||
Install using one of the following methods: | ||
* Install with [npm](http://npmjs.org/): `npm install --save-dev chroma-sass` | ||
* Install with [Bower](http://bower.io/): `bower install --save-dev chroma` | ||
* Install with [Ruby Gem](https://rubygems.org/gems/chroma-sass): `gem install chroma-sass`<br> | ||
and, if using Compass, add `require "chroma-sass"` to your config.rb file. | ||
* Install with [Bundler](http://bundler.io/) and Ruby Gem: `bundle inject chroma-sass '~> 1.0'` | ||
See [Chroma’s online documentation](http://johnalbin.github.io/chroma/#installation) for more information. | ||
## REQUIREMENTS | ||
* Sass 3.4.0 or later | ||
* Or LibSass 3.2.5 or later. | ||
* LibSass 3.2.5 or later | ||
* _or_ Ruby Sass 3.4.0 or later | ||
@@ -101,0 +109,0 @@ ## LICENSE |
@@ -8,9 +8,11 @@ 'use strict'; | ||
// This before() is run before any test_*.js file. | ||
// This before() is run before any test_*.js files. | ||
before(function(done) { | ||
sassyTest.configurePaths({ | ||
// Path to Chroma. | ||
library: path.join(__dirname, '../sass') | ||
includePaths: [ | ||
// Path to Sass library. | ||
path.join(__dirname, '../sass') | ||
] | ||
}); | ||
done(); | ||
}); |
@@ -30,3 +30,3 @@ 'use strict'; | ||
error.should.exist; | ||
error.message.should.equal("Sass will convert lightslategray into a hexidecimal value when it uses the \\\"compressed\\\" output style and Chroma will not be able to determine if the original name was lightslategray or lightslategrey. To prevent this error, quote the keyword like this: 'lightslategray'."); | ||
error.message.should.equal("Sass will convert lightslategray into a hexidecimal value when it uses the \"compressed\" output style and Chroma will not be able to determine if the original name was lightslategray or lightslategrey. To prevent this error, quote the keyword like this: 'lightslategray'."); | ||
done(); | ||
@@ -33,0 +33,0 @@ }); |
@@ -23,3 +23,3 @@ 'use strict'; | ||
error.should.exist; | ||
error.message.should.equal("Sass will convert lightslategray into a hexidecimal value when it uses the \\\"compressed\\\" output style and Chroma will not be able to determine if the original name was lightslategray or lightslategrey. To prevent this error, quote the keyword like this: 'lightslategray'."); | ||
error.message.should.equal("Sass will convert lightslategray into a hexidecimal value when it uses the \"compressed\" output style and Chroma will not be able to determine if the original name was lightslategray or lightslategrey. To prevent this error, quote the keyword like this: 'lightslategray'."); | ||
done(); | ||
@@ -26,0 +26,0 @@ }); |
'use strict'; | ||
describe('@import "chroma/colour";', function() { | ||
before(function (done) { | ||
before(function(done) { | ||
sassyTest.configurePaths({ | ||
@@ -12,4 +12,4 @@ // Path to this suite's fixtures. | ||
it('should not be imported with @import "chroma";', function (done) { | ||
sassyTest.renderFixture('import', {}, function (error, result, expectedOutput) { | ||
it('should not be imported with @import "chroma";', function(done) { | ||
sassyTest.renderFixture('import', {}, function(error, result, expectedOutput) { | ||
should.not.exist(error); | ||
@@ -16,0 +16,0 @@ done(); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
466427
227
4286
113
5