sassy-buttons 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
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