slick-buttons 0.0.4 → 0.0.5

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.
@@ -1,4 +1,4 @@
1
1
  // Slick Buttons requires compass css3
2
2
  @import compass/css3
3
3
 
4
- @import slick_buttons/slick_buttons
4
+ @import slick-buttons/slick-buttons
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: slick-buttons
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -13,7 +13,7 @@ date: 2011-12-07 00:00:00.000000000Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
16
- requirement: &2168768000 !ruby/object:Gem::Requirement
16
+ requirement: &2168580220 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
21
21
  version: '0.11'
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *2168768000
24
+ version_requirements: *2168580220
25
25
  description: Slick css3 buttons using compass and sass
26
26
  email: mike@mikefarnham.info
27
27
  executables: []
@@ -31,11 +31,8 @@ files:
31
31
  - README.mkdn
32
32
  - lib/slick-buttons.rb
33
33
  - stylesheets/_slick-buttons.sass
34
- - stylesheets/_slick-buttons.scss
35
34
  - stylesheets/slick-buttons/_slick-buttons.sass
36
- - stylesheets/slick-buttons/_slick-buttons.scss
37
35
  - templates/project/_slickbuttons.sass
38
- - templates/project/_slickbuttons.scss
39
36
  - templates/project/manifest.rb
40
37
  homepage: http://www.mikefarnham.info
41
38
  licenses: []
@@ -1,4 +0,0 @@
1
- // Slick Buttons requires compass css3
2
- @import "compass/css3";
3
-
4
- @import "slick_buttons/slick_buttons";
@@ -1,38 +0,0 @@
1
- // Use $app-color as a configurable var in your host project :-)
2
- // will be working on a contrasting color scheme for bg and color settings within buttons to detect color conflicts
3
-
4
- $btn-color: $app-color; // this will default to the applications base color
5
-
6
- // Slick Button Style - creates a base button style for all buttons
7
- @mixin slick-buttons($btn-color, $hover: true) {
8
- background-color:darken($btn-color, 30%);
9
- border:1px solid darken($btn-color, 40%);
10
- color:darken($btn-color, 5%);
11
- display:block;
12
- font-size:1.38em;
13
- // margin:0 .5em;
14
- margin:0;
15
- padding:.25em .5em;
16
- text-decoration:none;
17
- @include border-radius(.2em);
18
- @include box-shadow(darken($btn-color, 60%) 0px 1px 2px, darken($app-grey, 10%) 0px 1px 0px inset);
19
- @include background-image(linear-gradient(darken($btn-color, 20%), darken($btn-color, 40%)));
20
- @include text-shadow(darken($btn-color, 50%) 0px -1px 0px);
21
- @include transition(all .25s ease);
22
-
23
- // hover state
24
- @if $hover {
25
- &:hover {
26
- background-color:darken($btn-color, 50%);
27
- border:1px solid darken($btn-color, 60%);
28
- color:lighten($btn-color, 100%);
29
- @include box-shadow(darken($btn-color, 40%) 0px 1px 2px, lighten($btn-color, 10%) 0px 1px 0px inset);
30
- @include background-image(linear-gradient($btn-color, darken($btn-color, 15%)));
31
- }
32
- &:active {
33
- background-color:darken($btn-color, 60%);
34
- @include box-shadow(darken($btn-color, 30%) 0px 1px 5px inset, $btn-color 0px -1px 0px inset);
35
- @include background-image(linear-gradient(darken($btn-color, 15%), $btn-color));
36
- }
37
- }
38
- }
@@ -1,7 +0,0 @@
1
- // This is where you put the contents of the main stylesheet for the user's project.
2
- // It should import your sass stylesheets and demonstrate how to use them.
3
-
4
- @import "slick-buttons";
5
-
6
- // Configurable Variables
7
- $app-color: #444 !default; // this will default to the applications base color if you declare it...