harsh 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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: []
|