fancy-buttons 1.0.6 → 1.1.0.alpha.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  :major: 1
3
- :minor: 0
4
- :patch: 6
5
- :state:
6
- :build:
3
+ :minor: 1
4
+ :patch: 0
5
+ :state: 'alpha'
6
+ :build: 1
@@ -26,7 +26,7 @@ $fb-line-height: 1.2em !default
26
26
  +fancy-button-colors($color)
27
27
 
28
28
  // Style the button's colors, picking the most appropriate color set for the base color.
29
- =fancy-button-colors($color: $fb-color, $hover: 0, $active: 0, $allow-disabled: $fb-allow-disabled)
29
+ =fancy-button-colors($color: $fb-color, $hover: 0, $active: 0, $fb-allow-disabled: $fb-allow-disabled)
30
30
  +fb-color($color, "default")
31
31
  &:hover, &:focus
32
32
  @if $hover == 0
@@ -36,16 +36,16 @@ $fb-line-height: 1.2em !default
36
36
  &:active
37
37
  @if $active == 0
38
38
  +fb-color(darken($color, 6), "active", $color)
39
- +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
39
+ +box-shadow(darken($color, 15) 0 .08em .2em 1px inset)
40
40
  @else
41
41
  +fb-color($active, "active")
42
- +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
42
+ +box-shadow(darken($active, 9) 0 .08em .1em 1px inset)
43
43
 
44
- @if $allow-disabled
44
+ +box-shadow(rgba(#fff, (lightness($color))/100) 0 0 .1em 1px inset)
45
+ +background-clip(padding-box)
46
+ @if $fb-allow-disabled
45
47
  &.disabled, &[disabled]
46
48
  +disable-fancy-button($color)
47
- +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
48
- +background-clip(padding-box)
49
49
 
50
50
  =fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
51
51
  $fb-disable-allowed: $fb-allow-disabled
@@ -120,14 +120,14 @@ $fb-line-height: 1.2em !default
120
120
  &, &:visited
121
121
  color: $fb-dark-text
122
122
 
123
- =fancy-button-text-colors($color, $hover: $color, $active: $color, $allow-disabled : $fb-allow-disabled)
123
+ =fancy-button-text-colors($color, $hover: $color, $active: $color, $fb-allow-disabled : $fb-allow-disabled)
124
124
  &, &:visited
125
125
  color: $color
126
126
  &:hover, &:focus
127
127
  color: $hover
128
128
  &:active
129
129
  color: $active
130
- @if $allow-disabled
130
+ @if $fb-allow-disabled
131
131
  &.disabled, &[disabled]
132
132
  color: $color
133
133
 
@@ -151,7 +151,7 @@ $fb-line-height: 1.2em !default
151
151
  border-width: $border-width
152
152
 
153
153
  // Reset the button's important properties to make sure they behave correctly
154
- =fb-reset($font-weight: $fb-font-weight, $allow-disabled: $fb-allow-disabled)
154
+ =fb-reset($font-weight: $fb-font-weight)
155
155
  font-family: "Lucida Grande", Lucida, Arial, sans-serif
156
156
  background: #{$fb-image-path} repeat-x bottom left
157
157
  margin: 0
@@ -4,7 +4,7 @@
4
4
  $top_middle: $color1
5
5
  $middle: lighten($color2, 3)
6
6
  $bottom_middle: $color2
7
- +linear-gradient(color_stops($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
7
+ +background-image(linear-gradient($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
8
8
 
9
9
  =fancy-gradient-active($color1, $color2)
10
10
  $top: lighten($color2, 6)
@@ -12,17 +12,17 @@
12
12
  $top_middle: lighten($color2, 8)
13
13
  $middle: lighten($color2, 4)
14
14
  $bottom_middle: lighten($color2, 1)
15
- +linear-gradient(color_stops($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
15
+ +background-image(linear-gradient($top, $top_middle 30%, $middle 50%, $bottom_middle 50%, $bottom))
16
16
 
17
17
  =fancy-matte-gradient($color1, $color2)
18
- +linear-gradient(color_stops($color1, $color2))
18
+ +background-image(linear-gradient($color1, $color2))
19
19
 
20
20
  =fancy-matte-gradient-active($color1, $color2)
21
21
  $top: lighten($color2, 5)
22
22
  $bottom: lighten($color2, 15)
23
23
  $middle: lighten($color2, 8)
24
- +linear-gradient(color_stops($top, $middle 40%, $middle 85%, $bottom))
24
+ +background-image(linear-gradient($top, $middle 40%, $middle 85%, $bottom))
25
25
 
26
26
  /* incase an inverted custom gradient isn't specified
27
27
  =custom-fancy-gradient-active($color1, $color2)
28
- +custom-fancy-gradient($color1, $color2)
28
+ +custom-fancy-gradient($color1, $color2)
metadata CHANGED
@@ -1,13 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fancy-buttons
3
3
  version: !ruby/object:Gem::Version
4
- hash: 27
5
- prerelease:
4
+ hash: -3702664338
5
+ prerelease: 6
6
6
  segments:
7
7
  - 1
8
+ - 1
8
9
  - 0
9
- - 6
10
- version: 1.0.6
10
+ - alpha
11
+ - 1
12
+ version: 1.1.0.alpha.1
11
13
  platform: ruby
12
14
  authors:
13
15
  - Brandon Mathis
@@ -24,14 +26,15 @@ dependencies:
24
26
  requirement: &id001 !ruby/object:Gem::Requirement
25
27
  none: false
26
28
  requirements:
27
- - - "="
29
+ - - ">="
28
30
  - !ruby/object:Gem::Version
29
- hash: 59
31
+ hash: 62196233
30
32
  segments:
31
33
  - 0
32
- - 10
33
- - 6
34
- version: 0.10.6
34
+ - 11
35
+ - beta
36
+ - 1
37
+ version: 0.11.beta.1
35
38
  type: :runtime
36
39
  version_requirements: *id001
37
40
  description: Fancy Buttons helps you easily style buttons with beautiful CSS3 features like gradients, rounded corners, etc. Don't worry the buttons also degrade nicely for browsers with no support. This requires the Compass stylesheet authoring framework.
@@ -75,12 +78,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
75
78
  required_rubygems_version: !ruby/object:Gem::Requirement
76
79
  none: false
77
80
  requirements:
78
- - - ">="
81
+ - - ">"
79
82
  - !ruby/object:Gem::Version
80
- hash: 3
83
+ hash: 25
81
84
  segments:
82
- - 0
83
- version: "0"
85
+ - 1
86
+ - 3
87
+ - 1
88
+ version: 1.3.1
84
89
  requirements: []
85
90
 
86
91
  rubyforge_project: