harsh 0.0.1 → 0.0.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.
- data/README.md +89 -2
- metadata +4 -4
data/README.md
CHANGED
|
@@ -1,2 +1,89 @@
|
|
|
1
|
-
# Harsh
|
|
2
|
-
|
|
1
|
+
# [Harsh](http://www.bookcasey.com/harsh)
|
|
2
|
+
|
|
3
|
+
Compass extension for randomly generated CSS3 gradients with harsh color stops—like magical diamonds.
|
|
4
|
+
|
|
5
|
+
<img src="http://i.imgur.com/bFpC1.png" width="300px" height="200px">
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
From the command line:
|
|
10
|
+
|
|
11
|
+
sudo gem install harsh
|
|
12
|
+
|
|
13
|
+
Installing into your project:
|
|
14
|
+
|
|
15
|
+
# Edit config.rb and add:
|
|
16
|
+
require "harsh"
|
|
17
|
+
|
|
18
|
+
# Import the extension into your sass or scss file
|
|
19
|
+
@import "harsh"
|
|
20
|
+
|
|
21
|
+
## Arguments
|
|
22
|
+
|
|
23
|
+
# Mixin for backgrounds
|
|
24
|
+
+harsh($color, $background, $transparency, $number-of-gradients, $angle, $nuance, $nuance-strength)
|
|
25
|
+
|
|
26
|
+
# Mixin for text (only works in webkit)
|
|
27
|
+
+harsh-text($color, $transparency, $number-of-gradients, $angle, $nuance, $nuance-strength, $background)
|
|
28
|
+
|
|
29
|
+
### color
|
|
30
|
+
|
|
31
|
+
The color of the gradients. Pass any color, a list of colors separated by spaces, or `random` for random colors.
|
|
32
|
+
|
|
33
|
+
### background
|
|
34
|
+
|
|
35
|
+
Appends a color at the end of the gradients, pass `false` to omit.
|
|
36
|
+
|
|
37
|
+
### transparency
|
|
38
|
+
|
|
39
|
+
Sets opacity of each gradient—use `0` for opaque, `1` for completely transparent.
|
|
40
|
+
|
|
41
|
+
### number-of-gradients
|
|
42
|
+
|
|
43
|
+
Sets number of gradients. Passing a list of colors overrides.
|
|
44
|
+
|
|
45
|
+
### angle
|
|
46
|
+
|
|
47
|
+
Sets angle of gradients. Pass `random` for random angles, start and stop points (`25% 75%`), degrees (`45deg`), or CSS keywords like `top`, `right`, or `bottom left`.
|
|
48
|
+
|
|
49
|
+
### nuance
|
|
50
|
+
|
|
51
|
+
Boolean. When passing one color, saturates, desaturates, lightens, and darkens by a random amount.
|
|
52
|
+
|
|
53
|
+
### nuance-strength
|
|
54
|
+
|
|
55
|
+
Sets maximum percent colors will be changed by `nuance`. `0` will result in no change.
|
|
56
|
+
|
|
57
|
+
<img src="http://i.imgur.com/2I95W.png" width="300px" height="200px">
|
|
58
|
+
|
|
59
|
+
`100` will result in a large change.
|
|
60
|
+
|
|
61
|
+
<img src="http://i.imgur.com/2R2cB.png" width="300px" height="200px">
|
|
62
|
+
|
|
63
|
+
## [Examples](http://www.bookcasey.com/harsh)
|
|
64
|
+
|
|
65
|
+
.random
|
|
66
|
+
+harsh()
|
|
67
|
+
|
|
68
|
+
.background-color
|
|
69
|
+
+harsh(white, rgb(200,50,50), .95)
|
|
70
|
+
|
|
71
|
+
.bright
|
|
72
|
+
+harsh(random, white, .05)
|
|
73
|
+
|
|
74
|
+
.dull
|
|
75
|
+
+harsh($transparency: .95)
|
|
76
|
+
|
|
77
|
+
.specify-colors
|
|
78
|
+
+harsh(#FF0000 blue rgb(50,200,50))
|
|
79
|
+
|
|
80
|
+
.horizontal
|
|
81
|
+
+harsh($angle: top)
|
|
82
|
+
|
|
83
|
+
.angled
|
|
84
|
+
+harsh($angle: -32deg)
|
|
85
|
+
|
|
86
|
+
.nuance
|
|
87
|
+
+harsh(salmon, $nuance-strength: 50)
|
|
88
|
+
|
|
89
|
+
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: harsh
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.2
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2012-
|
|
12
|
+
date: 2012-11-17 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: compass
|
|
@@ -28,7 +28,7 @@ dependencies:
|
|
|
28
28
|
- !ruby/object:Gem::Version
|
|
29
29
|
version: 0.10.0.rc3
|
|
30
30
|
description: Compass extension for randomly generated CSS3 gradients with harsh color
|
|
31
|
-
stops
|
|
31
|
+
stops—like magical diamonds.
|
|
32
32
|
email: casey.m.olson@gmail.com
|
|
33
33
|
executables: []
|
|
34
34
|
extensions: []
|
|
@@ -61,5 +61,5 @@ rubygems_version: 1.8.24
|
|
|
61
61
|
signing_key:
|
|
62
62
|
specification_version: 3
|
|
63
63
|
summary: Compass extension for randomly generated CSS3 gradients with harsh color
|
|
64
|
-
stops
|
|
64
|
+
stops—like magical diamonds.
|
|
65
65
|
test_files: []
|