sassy-buttons 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.
Files changed (5) hide show
  1. data/README.mkdn +2 -0
  2. data/stylesheets/sassy-buttons/_sassy-button-colors.sass +4 -4
  3. data/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass +4 -4
  4. data/stylesheets/sassy-buttons/_sassy-button-text.sass +4 -4
  5. metadata +5 -20
data/README.mkdn CHANGED
@@ -5,6 +5,8 @@ Super sassy and super easy CSS3 buttons.
5
5
 
6
6
  ![sassy buttons](http://dl.dropbox.com/u/1274637/sassy-buttons.png)
7
7
 
8
+ Visit the [demo site](http://jaredhardy.com/sassy-buttons/) to see the buttons in action
9
+
8
10
  Installation
9
11
  ============
10
12
 
data/stylesheets/sassy-buttons/_sassy-button-colors.sass CHANGED
@@ -19,7 +19,7 @@
19
19
  $first-color: lighten($base-color,15%)
20
20
  $second-color: $base-color
21
21
 
22
- @include linear-gradient(color-stops($highlight, $first-color 3%, $second-color 70%))
22
+ @include background(linear-gradient(color-stops($highlight, $first-color 3%, $second-color 70%)))
23
23
 
24
24
  :border-color $second-color
25
25
  @if $auto-states
@@ -33,7 +33,7 @@
33
33
  @if $second-color == false
34
34
  $second-color: darken($base-color, 10%)
35
35
 
36
- @include linear-gradient(color-stops($highlight,$first-color 3%, $base-color 50%, $second-color))
36
+ @include background(linear-gradient(color-stops($highlight,$first-color 3%, $base-color 50%, $second-color)))
37
37
 
38
38
  :border-color $second-color
39
39
 
@@ -48,7 +48,7 @@
48
48
  @if $second-color == false
49
49
  $second-color: darken($base-color, 10%)
50
50
 
51
- @include linear-gradient(color-stops($highlight, $shine 2%, $first-color 50%, $base-color 51%, $second-color))
51
+ @include background(linear-gradient(color-stops($highlight, $shine 2%, $first-color 50%, $base-color 51%, $second-color)))
52
52
  :border-color $second-color
53
53
 
54
54
  @if $auto-states
@@ -58,7 +58,7 @@
58
58
  @if $second-color == false
59
59
  $second-color: darken($base-color, 20%)
60
60
 
61
- @include linear-gradient(color-stops($base-color, $second-color))
61
+ @include background(linear-gradient(color-stops($base-color, $second-color)))
62
62
  :border-color $second-color
63
63
 
64
64
  @if $auto-states
data/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass CHANGED
@@ -10,19 +10,19 @@
10
10
  @if $style == "matte"
11
11
  &:hover
12
12
  @include sb-ie-hover($first-color)
13
- @include linear-gradient(color-stops($highlight, lighten($first-color, 5%) 3%, lighten($second-color, 5%) 75%))
13
+ @include background(linear-gradient(color-stops($highlight, lighten($first-color, 5%) 3%, lighten($second-color, 5%) 75%)))
14
14
  @if $style == "shiny"
15
15
  &:hover
16
16
  @include sb-ie-hover($first-color)
17
- @include linear-gradient(color-stops($highlight, lighten($first-color, 4%) 3%, lighten($second-color, 8%) 60%, lighten($second-color, 4%)))
17
+ @include background(linear-gradient(color-stops($highlight, lighten($first-color, 4%) 3%, lighten($second-color, 8%) 60%, lighten($second-color, 4%))))
18
18
  @if $style == "glass"
19
19
  &:hover
20
20
  @include sb-ie-hover($first-color)
21
- @include linear-gradient(color-stops($highlight, lighten($first-color, 15%) 2%, lighten($first-color, 10%) 50%, lighten($first-color, 3%) 51%, lighten($second-color, 10%)))
21
+ @include background(linear-gradient(color-stops($highlight, lighten($first-color, 15%) 2%, lighten($first-color, 10%) 50%, lighten($first-color, 3%) 51%, lighten($second-color, 10%))))
22
22
  @if $style == "simple"
23
23
  &:hover
24
24
  @include sb-ie-hover($first-color)
25
- @include linear-gradient(color-stops(lighten($first-color, 5%),lighten($second-color, 5%)))
25
+ @include background(linear-gradient(color-stops(lighten($first-color, 5%),lighten($second-color, 5%))))
26
26
  @if $style == "flat"
27
27
  &:hover
28
28
  :background-color lighten($first-color, 5%)
data/stylesheets/sassy-buttons/_sassy-button-text.sass CHANGED
@@ -14,11 +14,11 @@
14
14
  :color $text-color
15
15
  @if $text-style == "inset"
16
16
  @if $text-lightness < 50
17
- @include text-shadow(lighten($base-color, $text-color-shift), 0, 1px, 0)
17
+ @include text-shadow(lighten($base-color, $text-color-shift) 0 1px 0)
18
18
  @else
19
- @include text-shadow(darken($base-color, $text-color-shift), 0, -1px, 0)
19
+ @include text-shadow(darken($base-color, $text-color-shift), 0 -1px 0)
20
20
  @if $text-style == "raised"
21
21
  @if $text-lightness < 50
22
- @include text-shadow(lighten($base-color, $text-color-shift), 0, -1px, 0)
22
+ @include text-shadow(lighten($base-color, $text-color-shift), 0 -1px 0)
23
23
  @else
24
- @include text-shadow(darken($base-color, $text-color-shift), 0, 1px, 0)
24
+ @include text-shadow(darken($base-color, $text-color-shift), 0 1px 0)
metadata CHANGED
@@ -1,12 +1,8 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: sassy-buttons
3
3
  version: !ruby/object:Gem::Version
4
- prerelease: false
5
- segments:
6
- - 0
7
- - 0
8
- - 3
9
- version: 0.0.3
4
+ prerelease:
5
+ version: 0.0.4
10
6
  platform: ruby
11
7
  authors:
12
8
  - Jared Hardy
@@ -14,8 +10,7 @@ autorequire:
14
10
  bindir: bin
15
11
  cert_chain: []
16
12
 
17
- date: 2011-02-26 00:00:00 -08:00
18
- default_executable:
13
+ date: 2011-06-03 00:00:00 Z
19
14
  dependencies:
20
15
  - !ruby/object:Gem::Dependency
21
16
  name: compass
@@ -25,15 +20,10 @@ dependencies:
25
20
  requirements:
26
21
  - - ">="
27
22
  - !ruby/object:Gem::Version
28
- segments:
29
- - 0
30
- - 10
31
- - 0
32
- - rc3
33
23
  version: 0.10.0.rc3
34
24
  type: :runtime
35
25
  version_requirements: *id001
36
- description: css only buttons extension for compass
26
+ description: Sassy css3 buttons using compass
37
27
  email: jared@jaredhardy.com
38
28
  executables: []
39
29
 
@@ -51,7 +41,6 @@ files:
51
41
  - stylesheets/sassy-buttons/_sassy-button-text.sass
52
42
  - templates/project/_sassybuttons.sass
53
43
  - templates/project/manifest.rb
54
- has_rdoc: true
55
44
  homepage: http://www.jaredhardy.com
56
45
  licenses: []
57
46
 
@@ -65,21 +54,17 @@ required_ruby_version: !ruby/object:Gem::Requirement
65
54
  requirements:
66
55
  - - ">="
67
56
  - !ruby/object:Gem::Version
68
- segments:
69
- - 0
70
57
  version: "0"
71
58
  required_rubygems_version: !ruby/object:Gem::Requirement
72
59
  none: false
73
60
  requirements:
74
61
  - - ">="
75
62
  - !ruby/object:Gem::Version
76
- segments:
77
- - 0
78
63
  version: "0"
79
64
  requirements: []
80
65
 
81
66
  rubyforge_project:
82
- rubygems_version: 1.3.7
67
+ rubygems_version: 1.7.2
83
68
  signing_key:
84
69
  specification_version: 3
85
70
  summary: css only buttons extension for compass