chroma-sass 1.0.0.alpha.1 → 1.0.0.alpha.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +2 -2
- data/chroma-sass.gemspec +1 -1
- data/sass/chroma/_kss-styles.scss +15 -0
- data/sass/chroma/_kss.scss +3 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 304bacbf6472a5d1879f8efea2ce1776c9dab2f6
|
|
4
|
+
data.tar.gz: 95312b8cae902e0f1606841fde2696b01cbd44f7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9fc87c45948687c1ddff403ba1b31247d0a2f40f04e73afd9079fafd992c875eebfa457e95e3f57b4595d6d89ddc9eeb98ee2064281d3e693ad3360f70e8c0ee
|
|
7
|
+
data.tar.gz: 63fbff62987de398db503f509950c92cb0ec6e802247f01c630c4c88d7d4ee756b08763531613a006f806de98cd0715450d73f9171a45c685cad5d9bc5474b5c
|
data/README.md
CHANGED
|
@@ -23,13 +23,13 @@ gem install chroma-sass
|
|
|
23
23
|
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:
|
|
24
24
|
|
|
25
25
|
```ruby
|
|
26
|
-
gem 'chroma-sass', '~> 1.0.0
|
|
26
|
+
gem 'chroma-sass', '~> 1.0.0.alpha.2'
|
|
27
27
|
```
|
|
28
28
|
|
|
29
29
|
If you are using Compass, edit your project's config.rb and add this line:
|
|
30
30
|
|
|
31
31
|
```ruby
|
|
32
|
-
require 'chroma
|
|
32
|
+
require 'chroma'
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
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!
|
data/chroma-sass.gemspec
CHANGED
|
@@ -19,7 +19,22 @@
|
|
|
19
19
|
margin-right: 10px;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
&__alt-text {
|
|
23
|
+
position: absolute !important;
|
|
24
|
+
height: 1px;
|
|
25
|
+
width: 1px;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
// IE6 and IE7 use the wrong syntax.
|
|
28
|
+
*clip: rect(1px 1px 1px 1px);
|
|
29
|
+
clip: rect(1px, 1px, 1px, 1px);
|
|
30
|
+
}
|
|
31
|
+
|
|
22
32
|
&__value {
|
|
23
33
|
color: #bbb;
|
|
34
|
+
|
|
35
|
+
&:before {
|
|
36
|
+
content: '→ ';
|
|
37
|
+
font-family: sans-serif;
|
|
38
|
+
}
|
|
24
39
|
}
|
|
25
40
|
}
|
data/sass/chroma/_kss.scss
CHANGED
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
$color-class: 'chroma-kss',
|
|
39
39
|
$swatch-class: 'chroma-kss__swatch',
|
|
40
40
|
$variable-class: 'chroma-kss__variable',
|
|
41
|
+
$alt-text-class: 'chroma-kss__alt-text',
|
|
41
42
|
$value-class: 'chroma-kss__value'
|
|
42
43
|
) {
|
|
43
44
|
$markup: '';
|
|
@@ -58,7 +59,8 @@
|
|
|
58
59
|
+ '<div class="' + $color-class + '">'
|
|
59
60
|
+ '<span class="' + $swatch-class + '" style="background-color: #{$value}"></span>'
|
|
60
61
|
+ '<code class="' + $variable-class + '">color(#{$color})</code>'
|
|
61
|
-
+ ' <span class="' + $
|
|
62
|
+
+ ' <span class="' + $alt-text-class + '">uses the color:</span> '
|
|
63
|
+
+ '<code class="' + $value-class + '">#{$value}</code></span>'
|
|
62
64
|
+ '</div>';
|
|
63
65
|
}
|
|
64
66
|
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: chroma-sass
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.0.alpha.
|
|
4
|
+
version: 1.0.0.alpha.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- John Albin Wilkins
|
|
@@ -59,7 +59,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
59
59
|
- !ruby/object:Gem::Version
|
|
60
60
|
version: 1.3.1
|
|
61
61
|
requirements: []
|
|
62
|
-
rubyforge_project: 1.0.0.alpha.
|
|
62
|
+
rubyforge_project: 1.0.0.alpha.2
|
|
63
63
|
rubygems_version: 2.4.5
|
|
64
64
|
signing_key:
|
|
65
65
|
specification_version: 4
|