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.
- data/VERSION.yml +4 -4
- data/lib/stylesheets/_fancy-buttons.sass +9 -9
- data/lib/stylesheets/_fancy-gradient.sass +5 -5
- metadata +18 -13
data/VERSION.yml
CHANGED
@@ -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)
|
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)
|
42
|
+
+box-shadow(darken($active, 9) 0 .08em .1em 1px inset)
|
43
43
|
|
44
|
-
|
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
|
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(
|
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(
|
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(
|
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(
|
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:
|
5
|
-
prerelease:
|
4
|
+
hash: -3702664338
|
5
|
+
prerelease: 6
|
6
6
|
segments:
|
7
7
|
- 1
|
8
|
+
- 1
|
8
9
|
- 0
|
9
|
-
-
|
10
|
-
|
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:
|
31
|
+
hash: 62196233
|
30
32
|
segments:
|
31
33
|
- 0
|
32
|
-
-
|
33
|
-
-
|
34
|
-
|
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:
|
83
|
+
hash: 25
|
81
84
|
segments:
|
82
|
-
-
|
83
|
-
|
85
|
+
- 1
|
86
|
+
- 3
|
87
|
+
- 1
|
88
|
+
version: 1.3.1
|
84
89
|
requirements: []
|
85
90
|
|
86
91
|
rubyforge_project:
|