sass-color-schemes 0.3.1 → 0.4.0

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.
Files changed (5) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +37 -37
  3. data/stylesheets/mixins/_colors.scss +4 -4
  4. data/stylesheets/mixins/_sample.scss +4 -4
  5. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 46dd01db3c7932941f1c40c9350331c7d6803fde
4
- data.tar.gz: 5b40558dee68457ccda8a51ae5197d9029572f9c
3
+ metadata.gz: 55fab901fb216c63080e655fd707c51ad27ed29b
4
+ data.tar.gz: 6d3551b131fdb4ac359f8db8719c68b51c6e1724
5
5
  SHA512:
6
- metadata.gz: d6340c3a566eea8ff3d2bfcd661fa63e0aff73f33d26d7191780d12a98d69ba49301ef5691b9093e8ac3ba517c7eef4e3cdd90ecf93d8054a3f39595107e029e
7
- data.tar.gz: 95aa8163cf31132af11bb552dda1fdd40d2baf2e3d7ca75fb6ab03b3dbdb716d8852aed91351dadbbfad6f7e0d433f1c32015d3a6e25d5573b930b3d3013a1a9
6
+ metadata.gz: 01fb17022071c1dbbd88576b67d98c34ad6f122eb986e03198121e775d05b47b92327e10fc191cdf12a8936c82eb394fa3ce46dfee5916a5e0509c7b0c7c9cc4
7
+ data.tar.gz: faade379793ce5d82258df9d33e65489ff0859f8e8a133151c7e0679989324f027648ba46d32a02e9cb55f9ed23dd8a965983da32c5daee8574186fc25f47679
data/README.md CHANGED
@@ -30,13 +30,13 @@ Sass-color-schemes has 4 functions that all return an array of 5 color values (o
30
30
 
31
31
  See [`$sass-color-schemes` variable](#sass-color-schemes-variable) for a description of the different types.
32
32
 
33
- #### primary-colors
33
+ #### scs-primary-colors
34
34
 
35
35
  Returns an array of 5 colors, in which the first element is the base color and the rest are different shades of the base color. You need the Sass' `nth` function to access a specific color:
36
36
 
37
37
  ```
38
- $color-primary-0: nth(primary-colors(), 1);
39
- $color-primary-1: nth(primary-colors(), 2);
38
+ $color-primary-0: nth(scs-primary-colors(), 1);
39
+ $color-primary-1: nth(scs-primary-colors(), 2);
40
40
  // ... etc.
41
41
 
42
42
  .title {
@@ -49,14 +49,14 @@ $color-primary-1: nth(primary-colors(), 2);
49
49
 
50
50
  ```
51
51
 
52
- #### complement-colors
52
+ #### scs-complement-colors
53
53
 
54
54
  Returns an array of 5 colors, in which the first element is the complementary color of base color and the rest are different shades of this complementary color. You need the Sass' `nth` function to access a specific color:
55
55
 
56
56
 
57
57
  ```
58
- $color-complement-0: nth(complement-colors(), 1);
59
- $color-complement-1: nth(complement-colors(), 2);
58
+ $color-complement-0: nth(scs-complement-colors(), 1);
59
+ $color-complement-1: nth(scs-complement-colors(), 2);
60
60
  // ... etc.
61
61
 
62
62
  .call-to-action {
@@ -65,23 +65,23 @@ $color-complement-1: nth(complement-colors(), 2);
65
65
 
66
66
  ```
67
67
 
68
- **Note:** The `complement-colors` function only returns an array of colors when the `$complement` variable is set to `true` or the `$scheme` variable is set to `triad`. Otherwise an array with 5 `null`'s is returned.
68
+ **Note:** The `scs-complement-colors` function only returns an array of colors when the `$complement` variable is set to `true` or the `$scheme` variable is set to `triad`. Otherwise an array with 5 `null`'s is returned.
69
69
 
70
- #### secondary-1-colors and secondary-2-colors
70
+ #### scs-secondary-1-colors and scs-secondary-2-colors
71
71
 
72
72
  Some color schemes contain 2 additional colors. These functions each returns an array of 5 colors with, again, 5 different shades of a color. You need the Sass' `nth` function to access a specific color:
73
73
 
74
74
  ```
75
- $color-secondary-1-0: nth(secondary-1-colors(), 1);
76
- $color-secondary-1-1: nth(secondary-1-colors(), 2);
75
+ $color-secondary-1-0: nth(scs-secondary-1-colors(), 1);
76
+ $color-secondary-1-1: nth(scs-secondary-1-colors(), 2);
77
77
  // ... etc.
78
78
 
79
- $color-secondary-2-0: nth(secondary-2-colors(), 1);
80
- $color-secondary-2-1: nth(secondary-2-colors(), 2);
79
+ $color-secondary-2-0: nth(scs-secondary-2-colors(), 1);
80
+ $color-secondary-2-1: nth(scs-secondary-2-colors(), 2);
81
81
  // ... etc.
82
82
 
83
83
  ```
84
- **Note:** The `secondary-1-colors` and `secondary-2-colors` functions only returns an array of colors when the `$scheme` variable is set to `adjacent`, `tetrad` or `triad`. Otherwise an array with 5 `null`'s is returned.
84
+ **Note:** The `scs-secondary-1-colors` and `scs-secondary-2-colors` functions only returns an array of colors when the `$scheme` variable is set to `adjacent`, `tetrad` or `triad`. Otherwise an array with 5 `null`'s is returned.
85
85
 
86
86
  ### `$sass-color-schemes` variable
87
87
 
@@ -151,7 +151,7 @@ $sass-color-schemes: (
151
151
 
152
152
  #### `complement` key
153
153
 
154
- If set to `true`, the `complement-colors` function returns shades of the complementary color of the `$base-color`.
154
+ If set to `true`, the `scs-complement-colors` function returns shades of the complementary color of the `$base-color`.
155
155
 
156
156
  Defaults to `true`.
157
157
 
@@ -289,29 +289,29 @@ $sass-color-schemes: (
289
289
  angle: 25
290
290
  );
291
291
 
292
- $color-primary-0: nth(primary-colors(), 1);
293
- $color-primary-1: nth(primary-colors(), 2);
294
- $color-primary-2: nth(primary-colors(), 3);
295
- $color-primary-3: nth(primary-colors(), 4);
296
- $color-primary-4: nth(primary-colors(), 5);
297
-
298
- $color-complement-0: nth(complement-colors(), 1);
299
- $color-complement-1: nth(complement-colors(), 2);
300
- $color-complement-2: nth(complement-colors(), 3);
301
- $color-complement-3: nth(complement-colors(), 4);
302
- $color-complement-4: nth(complement-colors(), 5);
303
-
304
- $color-secondary-1-0: nth(secondary-1-colors(), 1);
305
- $color-secondary-1-1: nth(secondary-1-colors(), 2);
306
- $color-secondary-1-2: nth(secondary-1-colors(), 3);
307
- $color-secondary-1-3: nth(secondary-1-colors(), 4);
308
- $color-secondary-1-4: nth(secondary-1-colors(), 5);
309
-
310
- $color-secondary-2-0: nth(secondary-2-colors(), 1);
311
- $color-secondary-2-1: nth(secondary-2-colors(), 2);
312
- $color-secondary-2-2: nth(secondary-2-colors(), 3);
313
- $color-secondary-2-3: nth(secondary-2-colors(), 4);
314
- $color-secondary-2-4: nth(secondary-2-colors(), 5);
292
+ $color-primary-0: nth(scs-primary-colors(), 1);
293
+ $color-primary-1: nth(scs-primary-colors(), 2);
294
+ $color-primary-2: nth(scs-primary-colors(), 3);
295
+ $color-primary-3: nth(scs-primary-colors(), 4);
296
+ $color-primary-4: nth(scs-primary-colors(), 5);
297
+
298
+ $color-complement-0: nth(scs-complement-colors(), 1);
299
+ $color-complement-1: nth(scs-complement-colors(), 2);
300
+ $color-complement-2: nth(scs-complement-colors(), 3);
301
+ $color-complement-3: nth(scs-complement-colors(), 4);
302
+ $color-complement-4: nth(scs-complement-colors(), 5);
303
+
304
+ $color-secondary-1-0: nth(scs-secondary-1-colors(), 1);
305
+ $color-secondary-1-1: nth(scs-secondary-1-colors(), 2);
306
+ $color-secondary-1-2: nth(scs-secondary-1-colors(), 3);
307
+ $color-secondary-1-3: nth(scs-secondary-1-colors(), 4);
308
+ $color-secondary-1-4: nth(scs-secondary-1-colors(), 5);
309
+
310
+ $color-secondary-2-0: nth(scs-secondary-2-colors(), 1);
311
+ $color-secondary-2-1: nth(scs-secondary-2-colors(), 2);
312
+ $color-secondary-2-2: nth(scs-secondary-2-colors(), 3);
313
+ $color-secondary-2-3: nth(scs-secondary-2-colors(), 4);
314
+ $color-secondary-2-4: nth(scs-secondary-2-colors(), 5);
315
315
 
316
316
 
317
317
  ```
data/stylesheets/mixins/_colors.scss CHANGED
@@ -1,8 +1,8 @@
1
- @function primary-colors() {
1
+ @function scs-primary-colors() {
2
2
  @return _compose-shades(_base-color());
3
3
  }
4
4
 
5
- @function complement-colors() {
5
+ @function scs-complement-colors() {
6
6
  @if (_complement() == false) and (_scheme() != 'tetrad') {
7
7
  @return _empty-array();
8
8
  }
@@ -10,7 +10,7 @@
10
10
  @return _compose-color(180);
11
11
  }
12
12
 
13
- @function secondary-1-colors() {
13
+ @function scs-secondary-1-colors() {
14
14
  @if (_scheme() == 'triad') {
15
15
  @return _compose-color(180 - _angle());
16
16
  } @else if (_scheme() == 'adjacent') or (_scheme() == 'tetrad') {
@@ -20,7 +20,7 @@
20
20
  }
21
21
  }
22
22
 
23
- @function secondary-2-colors() {
23
+ @function scs-secondary-2-colors() {
24
24
  @if (_scheme() == 'triad') or (_scheme() == 'tetrad') {
25
25
  @return _compose-color(180 + _angle());
26
26
  } @else if (_scheme() == 'adjacent') {
data/stylesheets/mixins/_sample.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  @mixin scs-test($height: 2em, $element: 'body:before') {
2
- $colors: primary-colors();
3
- $colors: join($colors, compact(complement-colors()));
4
- $colors: join($colors, compact(secondary-1-colors()));
5
- $colors: join($colors, compact(secondary-2-colors()));
2
+ $colors: scs-primary-colors();
3
+ $colors: join($colors, compact(scs-complement-colors()));
4
+ $colors: join($colors, compact(scs-secondary-1-colors()));
5
+ $colors: join($colors, compact(scs-secondary-2-colors()));
6
6
 
7
7
  #{$element} {
8
8
  content: "";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sass-color-schemes
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.3.1
4
+ version: 0.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Patrick Baselier
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-04-29 00:00:00.000000000 Z
11
+ date: 2015-05-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass