chroma-sass 1.0.0.alpha.1 → 1.0.0.alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|