fancy-buttons 1.0.3 → 1.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 (4) hide show
  1. data/fancy-buttons.gemspec +1 -1
  2. data/lib/stylesheets/_fancy-buttons.sass +10 -11
  3. data/lib/stylesheets/_fancy-gradient.sass +3 -3
  4. metadata +3 -3
data/fancy-buttons.gemspec CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  Gem::Specification.new do |s|
7
7
  s.name = %q{fancy-buttons}
8
- s.version = "1.0.3"
8
+ s.version = "1.0.4"
9
9
 
10
10
  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
11
11
  s.authors = ["Brandon Mathis"]
data/lib/stylesheets/_fancy-buttons.sass CHANGED
@@ -19,7 +19,6 @@ $fb-gradient: 1 !default
19
19
  $fb-image-path: image-url("button_bg.png") !default
20
20
  $fb-allow-disabled: false !default
21
21
  $fb-line-height: 1.2em !default
22
- $fb-inset: true !default
23
22
 
24
23
  // Make a fancy button.
25
24
  =fancy-button($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
@@ -37,15 +36,15 @@ $fb-inset: true !default
37
36
  &:active
38
37
  @if $active == 0
39
38
  +fb-color(darken($color, 6), "active", $color)
39
+ +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
40
40
  @else
41
41
  +fb-color($active, "active")
42
- @if $fb-inset
43
- +box-shadow(darken($color, 15), 0, .08em, .1em, 1px, inset)
42
+ +box-shadow(darken($active, 9), 0, .08em, .1em, 1px, inset)
43
+
44
44
  @if $allow-disabled
45
45
  &.disabled, &[disabled]
46
46
  +disable-fancy-button($color)
47
- @if $fb-inset
48
- +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
47
+ +box-shadow(rgba(255,255,255, (lightness($color))/100), 0, 0, .1em, 1px, inset)
49
48
  +background-clip(padding-box)
50
49
 
51
50
  =fancy-button-allow-disable($color: $fb-color, $font-size: $fb-font-size, $radius: $fb-radius, $border-width: $fb-border-width)
@@ -93,18 +92,18 @@ $fb-inset: true !default
93
92
  background-color: $color
94
93
  @if $fb-gradient != 0
95
94
  @if $fb-gradient-style == "glossy"
96
- @if $fb-invert-on-click != 0 and $state == "active"
97
- +invert-fancy-gradient($gradient-top, $gradient-bottom)
95
+ @if $state == "active"
96
+ +fancy-gradient-active($gradient-top, $gradient-bottom)
98
97
  @else
99
98
  +fancy-gradient($gradient-top, $gradient-bottom)
100
99
  @else if $fb-gradient-style == "matte"
101
- @if $fb-invert-on-click and $state == "active"
102
- +invert-fancy-matte-gradient($gradient-top, $gradient-bottom)
100
+ @if $state == "active"
101
+ +fancy-matte-gradient-active($gradient-top, $gradient-bottom)
103
102
  @else
104
103
  +fancy-matte-gradient($gradient-top, $gradient-bottom)
105
104
  @else if $fb-gradient-style == "custom"
106
- @if $fb-invert-on-click and $state == "active"
107
- +invert-custom-fancy-gradient($gradient-top, $gradient-bottom)
105
+ @if $state == "active"
106
+ +custom-fancy-gradient-active($gradient-top, $gradient-bottom)
108
107
  @else
109
108
  +custom-fancy-gradient($gradient-top, $gradient-bottom)
110
109
  border:
data/lib/stylesheets/_fancy-gradient.sass CHANGED
@@ -6,7 +6,7 @@
6
6
  $bottom_middle: $color2
7
7
  +linear-gradient(color_stops($top_shine, $top_middle 10%, $middle 50%, $bottom_middle 50%, $bottom_glow))
8
8
 
9
- =invert-fancy-gradient($color1, $color2)
9
+ =fancy-gradient-active($color1, $color2)
10
10
  $top: lighten($color2, 6)
11
11
  $bottom: lighten($color2, 14)
12
12
  $top_middle: lighten($color2, 8)
@@ -17,12 +17,12 @@
17
17
  =fancy-matte-gradient($color1, $color2)
18
18
  +linear-gradient(color_stops($color1, $color2))
19
19
 
20
- =invert-fancy-matte-gradient($color1, $color2)
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
24
  +linear-gradient(color_stops($top, $middle 40%, $middle 85%, $bottom))
25
25
 
26
26
  /* incase an inverted custom gradient isn't specified
27
- =invert-custom-fancy-gradient($color1, $color2)
27
+ =custom-fancy-gradient-active($color1, $color2)
28
28
  +custom-fancy-gradient($color1, $color2)
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: fancy-buttons
3
3
  version: !ruby/object:Gem::Version
4
- hash: 17
4
+ hash: 31
5
5
  prerelease: false
6
6
  segments:
7
7
  - 1
8
8
  - 0
9
- - 3
10
- version: 1.0.3
9
+ - 4
10
+ version: 1.0.4
11
11
  platform: ruby
12
12
  authors:
13
13
  - Brandon Mathis