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.
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
|
+
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: &
|
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: *
|
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,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...
|