semantic-rainbow 0.0.3 → 0.0.4
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.
- data/README.md +6 -18
- data/app/assets/stylesheets/_semantic-rainbow.css.scss +1 -2
- data/app/assets/stylesheets/semantic-rainbow/_hsl.css.scss +11 -13
- data/lib/semantic-rainbow/version.rb +1 -1
- metadata +15 -7
- checksums.yaml +0 -15
- data/app/assets/stylesheets/semantic-rainbow/_pantones.css.scss +0 -36
- data/semantic-rainbow-0.0.2.gem +0 -0
data/README.md
CHANGED
@@ -1,13 +1,10 @@
|
|
1
1
|
Semantic Rainbow
|
2
2
|
================
|
3
|
-
Semantic
|
3
|
+
Semantic-Rainbow is a gem that gives you easy-to-remember SASS variables for every main HSL value in the rainbow.
|
4
4
|
|
5
|
-
|
5
|
+
HSL has 360 degrees on the colour wheel; Semantic-Rainbow creates a SASS variable for every 10 degrees throughout it.
|
6
6
|
|
7
|
-
|
8
|
-
colour-mixes filling in the gaps.
|
9
|
-
|
10
|
-
### Colour Names:
|
7
|
+
### Naming Conventions:
|
11
8
|
|
12
9
|
The color names have been kept as simple and straight-forward as possible.
|
13
10
|
|
@@ -27,8 +24,10 @@ The color names have been kept as simple and straight-forward as possible.
|
|
27
24
|
To use any one of these solid colours, just use its' name as you would a SASS variable.
|
28
25
|
|
29
26
|
```scss
|
30
|
-
color: $violet;
|
27
|
+
color: $violet;
|
28
|
+
//$violet is the same as using hsl(270, 100%, 50%)
|
31
29
|
background: $teal;
|
30
|
+
//$teal is the same as using hsl(150, 100%, 50%)
|
32
31
|
```
|
33
32
|
|
34
33
|
For mixing these colours together and getting a *red-like orange* tone, or an *orange-like red*, use the format of `$red-orange` or `$orange-red` respectively.
|
@@ -38,17 +37,6 @@ color: $orange-red;
|
|
38
37
|
background: $violet-magenta;
|
39
38
|
```
|
40
39
|
|
41
|
-
### Pantones
|
42
|
-
|
43
|
-
I'll be working my way through the Pantone Colour Bridge shortly.
|
44
|
-
I plan to use a syntax like:
|
45
|
-
|
46
|
-
```sass
|
47
|
-
$pantone-250
|
48
|
-
$pantone-5875
|
49
|
-
$pantone-process-black
|
50
|
-
```
|
51
|
-
|
52
40
|
How to Install
|
53
41
|
--------------
|
54
42
|
|
@@ -1,2 +1 @@
|
|
1
|
-
@import "semantic-rainbow/hsl";
|
2
|
-
@import "semantic-rainbow/pantones";
|
1
|
+
@import "semantic-rainbow/hsl";
|
@@ -1,17 +1,15 @@
|
|
1
|
-
|
2
|
-
#### HSL Variables ####
|
3
|
-
#####################*/
|
1
|
+
/*-- HSL Variables --*/
|
4
2
|
|
5
|
-
$red:
|
6
|
-
$red-orange:
|
7
|
-
$orange-red:
|
8
|
-
$orange:
|
9
|
-
$orange-yellow:
|
10
|
-
$yellow-orange:
|
11
|
-
$yellow:
|
12
|
-
$yellow-lime:
|
13
|
-
$lime-yellow:
|
14
|
-
$lime:
|
3
|
+
$red: hsl(0, 100%, 50%);
|
4
|
+
$red-orange: hsl(10, 100%, 50%);
|
5
|
+
$orange-red: hsl(20, 100%, 50%);
|
6
|
+
$orange: hsl(30, 100%, 50%);
|
7
|
+
$orange-yellow: hsl(40, 100%, 50%);
|
8
|
+
$yellow-orange: hsl(50, 100%, 50%);
|
9
|
+
$yellow: hsl(60, 100%, 50%);
|
10
|
+
$yellow-lime: hsl(70, 100%, 50%);
|
11
|
+
$lime-yellow: hsl(80, 100%, 50%);
|
12
|
+
$lime: hsl(90, 100%, 50%);
|
15
13
|
$lime-green: hsl(100, 100%, 50%);
|
16
14
|
$green-lime: hsl(110, 100%, 50%);
|
17
15
|
$green: hsl(120, 100%, 50%);
|
metadata
CHANGED
@@ -1,18 +1,20 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: semantic-rainbow
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.4
|
5
|
+
prerelease:
|
5
6
|
platform: ruby
|
6
7
|
authors:
|
7
8
|
- Brandon J McKay
|
8
9
|
autorequire:
|
9
10
|
bindir: bin
|
10
11
|
cert_chain: []
|
11
|
-
date: 2013-
|
12
|
+
date: 2013-11-06 00:00:00.000000000 Z
|
12
13
|
dependencies:
|
13
14
|
- !ruby/object:Gem::Dependency
|
14
15
|
name: bundler
|
15
16
|
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
16
18
|
requirements:
|
17
19
|
- - ~>
|
18
20
|
- !ruby/object:Gem::Version
|
@@ -20,6 +22,7 @@ dependencies:
|
|
20
22
|
type: :development
|
21
23
|
prerelease: false
|
22
24
|
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
23
26
|
requirements:
|
24
27
|
- - ~>
|
25
28
|
- !ruby/object:Gem::Version
|
@@ -27,6 +30,7 @@ dependencies:
|
|
27
30
|
- !ruby/object:Gem::Dependency
|
28
31
|
name: rake
|
29
32
|
requirement: !ruby/object:Gem::Requirement
|
33
|
+
none: false
|
30
34
|
requirements:
|
31
35
|
- - ! '>='
|
32
36
|
- !ruby/object:Gem::Version
|
@@ -34,6 +38,7 @@ dependencies:
|
|
34
38
|
type: :development
|
35
39
|
prerelease: false
|
36
40
|
version_requirements: !ruby/object:Gem::Requirement
|
41
|
+
none: false
|
37
42
|
requirements:
|
38
43
|
- - ! '>='
|
39
44
|
- !ruby/object:Gem::Version
|
@@ -41,6 +46,7 @@ dependencies:
|
|
41
46
|
- !ruby/object:Gem::Dependency
|
42
47
|
name: railties
|
43
48
|
requirement: !ruby/object:Gem::Requirement
|
49
|
+
none: false
|
44
50
|
requirements:
|
45
51
|
- - ! '>='
|
46
52
|
- !ruby/object:Gem::Version
|
@@ -48,6 +54,7 @@ dependencies:
|
|
48
54
|
type: :runtime
|
49
55
|
prerelease: false
|
50
56
|
version_requirements: !ruby/object:Gem::Requirement
|
57
|
+
none: false
|
51
58
|
requirements:
|
52
59
|
- - ! '>='
|
53
60
|
- !ruby/object:Gem::Version
|
@@ -55,6 +62,7 @@ dependencies:
|
|
55
62
|
- !ruby/object:Gem::Dependency
|
56
63
|
name: sass-rails
|
57
64
|
requirement: !ruby/object:Gem::Requirement
|
65
|
+
none: false
|
58
66
|
requirements:
|
59
67
|
- - ! '>='
|
60
68
|
- !ruby/object:Gem::Version
|
@@ -62,6 +70,7 @@ dependencies:
|
|
62
70
|
type: :runtime
|
63
71
|
prerelease: false
|
64
72
|
version_requirements: !ruby/object:Gem::Requirement
|
73
|
+
none: false
|
65
74
|
requirements:
|
66
75
|
- - ! '>='
|
67
76
|
- !ruby/object:Gem::Version
|
@@ -80,34 +89,33 @@ files:
|
|
80
89
|
- Rakefile
|
81
90
|
- app/assets/stylesheets/_semantic-rainbow.css.scss
|
82
91
|
- app/assets/stylesheets/semantic-rainbow/_hsl.css.scss
|
83
|
-
- app/assets/stylesheets/semantic-rainbow/_pantones.css.scss
|
84
92
|
- lib/semantic-rainbow.rb
|
85
93
|
- lib/semantic-rainbow/engine.rb
|
86
94
|
- lib/semantic-rainbow/version.rb
|
87
|
-
- semantic-rainbow-0.0.2.gem
|
88
95
|
- semantic-rainbow.gemspec
|
89
96
|
homepage: https://github.com/brandonjmckay/semantic-rainbow
|
90
97
|
licenses:
|
91
98
|
- MIT
|
92
|
-
metadata: {}
|
93
99
|
post_install_message:
|
94
100
|
rdoc_options: []
|
95
101
|
require_paths:
|
96
102
|
- lib
|
97
103
|
required_ruby_version: !ruby/object:Gem::Requirement
|
104
|
+
none: false
|
98
105
|
requirements:
|
99
106
|
- - ! '>='
|
100
107
|
- !ruby/object:Gem::Version
|
101
108
|
version: '0'
|
102
109
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
110
|
+
none: false
|
103
111
|
requirements:
|
104
112
|
- - ! '>='
|
105
113
|
- !ruby/object:Gem::Version
|
106
114
|
version: '0'
|
107
115
|
requirements: []
|
108
116
|
rubyforge_project:
|
109
|
-
rubygems_version:
|
117
|
+
rubygems_version: 1.8.23
|
110
118
|
signing_key:
|
111
|
-
specification_version:
|
119
|
+
specification_version: 3
|
112
120
|
summary: Simple SASS colour variables.
|
113
121
|
test_files: []
|
checksums.yaml
DELETED
@@ -1,15 +0,0 @@
|
|
1
|
-
---
|
2
|
-
!binary "U0hBMQ==":
|
3
|
-
metadata.gz: !binary |-
|
4
|
-
YTYxNmMyZDU2NTJkYjczNDAwMmRlMmJjOTFjOGM4MGRiZTUzNzA0MQ==
|
5
|
-
data.tar.gz: !binary |-
|
6
|
-
M2ExMmYzMTUzZWYxNGI5ZDIzY2VmYmI5MDllMDk5NjQ0NTcyY2M4Ng==
|
7
|
-
!binary "U0hBNTEy":
|
8
|
-
metadata.gz: !binary |-
|
9
|
-
ZGU0YTg3ZTM3YmM2MTc3NzFhOTVhMWY3MWQ4Y2Y0NmM0MzJjYTI0MTI2Yjli
|
10
|
-
NGQ2OWZlZjE0ZjhmYzFmN2ViNTNhMDk3ZDQ3MGY1MDY2YmEyM2EyMTFmNjAx
|
11
|
-
ZDY3YWEzZGY1MTc5ZGE0ZTEyODA4MTNlMGQ5YzhjNTU2NjU3NTM=
|
12
|
-
data.tar.gz: !binary |-
|
13
|
-
M2QzMzJhYzFlMGJiMzE0NTg1NjI3NDczYzQzYWE2MDdkZjYwNTdlNGU3M2Nh
|
14
|
-
YjExZTY3NDY5ZjZiNTkzZTdkMGM3N2UxYjI1Zjg0YWY1Mzg1MzQ1OWJjNzc0
|
15
|
-
YTlhN2I2OWIzZTY3NmVhODRmYzMxZjRlZmRmZmU4YmJjMGVlMDg=
|
@@ -1,36 +0,0 @@
|
|
1
|
-
/*#########################
|
2
|
-
#### Pantone Variables ####
|
3
|
-
#########################*/
|
4
|
-
|
5
|
-
// Page 1
|
6
|
-
$pantone-process-yellow: rgb(255,229,43);
|
7
|
-
$pantone-process-magenta: rgb(213,63,119);
|
8
|
-
$pantone-process-cyan: rgb(0,151,219);
|
9
|
-
$pantone-process-black: rgb(78,74,71);
|
10
|
-
|
11
|
-
// Page 2
|
12
|
-
$pantone-100: rgb(254,243,128);
|
13
|
-
$pantone-101: rgb(255,241,102);
|
14
|
-
$pantone-102: rgb(255,236,45);
|
15
|
-
$pantone-yellow: rgb(255,232,0);
|
16
|
-
$pantone-103: rgb(180,159,41);
|
17
|
-
$pantone-104: rgb(155,141,57);
|
18
|
-
$pantone-105: rgb(125,117,71);
|
19
|
-
|
20
|
-
// Page 3
|
21
|
-
$pantone-7401: rgb(254,229,165);
|
22
|
-
$pantone-7402: rgb(243,218,154);
|
23
|
-
$pantone-7403: rgb(244,207,129);
|
24
|
-
$pantone-7404: rgb(253,207,65);
|
25
|
-
$pantone-7405: rgb(230,177,14);
|
26
|
-
$pantone-7406: rgb(241,184,40);
|
27
|
-
$pantone-7407: rgb(204,163,110);
|
28
|
-
|
29
|
-
// Page 4
|
30
|
-
$pantone-106: rgb(255,235,104);
|
31
|
-
$pantone-107: rgb(255,229,82);
|
32
|
-
$pantone-108: rgb(255,221,53);
|
33
|
-
$pantone-109: rgb(255,199,0);
|
34
|
-
$pantone-110: rgb(204,159,38);
|
35
|
-
$pantone-111: rgb(156,135,59);
|
36
|
-
$pantone-112: rgb(138,122,62);
|
data/semantic-rainbow-0.0.2.gem
DELETED
Binary file
|