sassy-buttons 0.1.4 → 0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +17 -0
- data/{LICENSE → LICENSE.txt} +2 -2
- data/Manifest +16 -0
- data/{README.mkdn → README.md} +13 -13
- data/Rakefile +0 -20
- data/VERSION +1 -1
- data/sassy-buttons.gemspec +58 -34
- data/stylesheets/_sassy-buttons.sass +4 -1
- data/stylesheets/sassy-buttons/_sassy-button-gradients.sass +1 -1
- data/stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass +1 -1
- data/stylesheets/sassy-buttons/_sassy-button-styles.sass +1 -0
- data/stylesheets/sassy-buttons/_sassy-button-text.sass +0 -1
- data/templates/project/_sassybuttons.sass +1 -1
- metadata +34 -46
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA1:
|
|
3
|
+
metadata.gz: 82778c00214fcad114ad2683782431975e09c7bb
|
|
4
|
+
data.tar.gz: 1c1d914ed4d1a21ee7a09c48cb39b2db3f3c96aa
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 6aca1a3f3614b716f90bf36b30a7496f2bbf35baa5c33476c23ec08fab3458c72af33c29e208aa4346a8019ac826ae69b2a5c9efb3dfd41584eda059ca98a6b4
|
|
7
|
+
data.tar.gz: de7815285af4fc08c1af22b2d7b89f95f06b4150c36eec8def255b982d10fb857746a41600ee8004fb22b4e1a9f62188eb35bb606b810f00ac05c68ea337d835
|
data/.gitignore
ADDED
data/{LICENSE → LICENSE.txt}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
Copyright (c)
|
|
1
|
+
Copyright (c) 2013 Jared Hardy
|
|
2
2
|
|
|
3
3
|
MIT License
|
|
4
4
|
|
|
@@ -19,4 +19,4 @@ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
|
19
19
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
|
20
20
|
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
21
21
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
22
|
-
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
22
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/Manifest
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
Gemfile
|
|
2
|
+
LICENSE.txt
|
|
3
|
+
Manifest
|
|
4
|
+
README.md
|
|
5
|
+
VERSION
|
|
6
|
+
lib/sassy-buttons.rb
|
|
7
|
+
sassy-buttons.gemspec
|
|
8
|
+
stylesheets/_sassy-buttons.sass
|
|
9
|
+
stylesheets/sassy-buttons/_sassy-button-gradients.sass
|
|
10
|
+
stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass
|
|
11
|
+
stylesheets/sassy-buttons/_sassy-button-shadows.sass
|
|
12
|
+
stylesheets/sassy-buttons/_sassy-button-styles.sass
|
|
13
|
+
stylesheets/sassy-buttons/_sassy-button-text.sass
|
|
14
|
+
templates/project/_sassybuttons.sass
|
|
15
|
+
templates/project/manifest.rb
|
|
16
|
+
Rakefile
|
data/{README.mkdn → README.md}
RENAMED
|
@@ -22,7 +22,7 @@ Installing Sassy Buttons:
|
|
|
22
22
|
require 'sassy-buttons'
|
|
23
23
|
|
|
24
24
|
# From the command line:
|
|
25
|
-
compass install
|
|
25
|
+
compass install sassy-buttons
|
|
26
26
|
|
|
27
27
|
#import sassy buttons partial into your sass/scss file
|
|
28
28
|
@import "sassy-buttons"
|
|
@@ -54,8 +54,8 @@ The Sassy Button mixin
|
|
|
54
54
|
@include sassy-button("matte", 15px, 20px, rgba(11, 153, 194, 1))
|
|
55
55
|
|
|
56
56
|
# The complete Sassy Button mixin syntax
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
@include sassy-button(gradient-style, border-radius, font-size, first-color, second-color, text-color, text-style, auto-states)
|
|
58
|
+
|
|
59
59
|
|
|
60
60
|
|
|
61
61
|
Sassy Buttons Gradient Styles
|
|
@@ -80,10 +80,10 @@ Sassy Buttons Defaults
|
|
|
80
80
|
----------------------
|
|
81
81
|
|
|
82
82
|
The Sassy Buttons extension provides a set of default sass variables that are used in the various mixins to create the buttons. These defaults can be overridden to customize your buttons and has the added benefit of having to provide less arguments when calling the sassy button mixin.
|
|
83
|
-
|
|
83
|
+
|
|
84
84
|
// Base color of button.
|
|
85
85
|
$sb-base-color: rgba(11, 153, 194, 1) !default
|
|
86
|
-
|
|
86
|
+
|
|
87
87
|
// Optional secondary color for gradient.
|
|
88
88
|
$sb-second-color: false !default
|
|
89
89
|
|
|
@@ -127,8 +127,8 @@ Additional Sassy Button Styles
|
|
|
127
127
|
|
|
128
128
|
Sassy Buttons provides two mixins that can add a little extra style to your buttons
|
|
129
129
|
|
|
130
|
-
|
|
131
|
-
|
|
130
|
+
# Mixin for adding styles to buttons
|
|
131
|
+
@include sassy-button-style(style, color)
|
|
132
132
|
|
|
133
133
|
Available styles:
|
|
134
134
|
|
|
@@ -141,10 +141,10 @@ Available Sassy Buttons Mixins
|
|
|
141
141
|
|
|
142
142
|
A sassy button is made up a few different mixins, which all get called by the main sassy button mixin (@include sassy-button). These mixins are available for you to use for advanced control over your buttons.
|
|
143
143
|
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
144
|
+
# Mixin for the structure of your button (this mixin calls the sassy-button-default structure mixin).
|
|
145
|
+
# Example use: Creating a custom button structure to apply color and text style mixins on.
|
|
146
|
+
@include sassy-button-structure(border-radius, font-size, padding)
|
|
147
147
|
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
# Mixin for the gradient styles
|
|
149
|
+
# Example use: You could call this mixin on a :hover or :active state to provide your own styles for those pseudo states.
|
|
150
|
+
@include sassy-button-gradient(gradient-style, first-color, second-color, text-color, text-style, auto-states)
|
data/Rakefile
CHANGED
|
@@ -1,21 +1 @@
|
|
|
1
|
-
#!/usr/bin/env rake
|
|
2
1
|
require "bundler/gem_tasks"
|
|
3
|
-
|
|
4
|
-
require "sass"
|
|
5
|
-
|
|
6
|
-
begin
|
|
7
|
-
require 'echoe'
|
|
8
|
-
|
|
9
|
-
Echoe.new('sassy-buttons', open('VERSION').read) do |p|
|
|
10
|
-
p.summary = "CSS only buttons extension for compass."
|
|
11
|
-
p.description = "Sassy CSS3 buttons using Compass./"
|
|
12
|
-
p.url = "http://jaredhardy.com/"
|
|
13
|
-
p.author = "Jared Hardy"
|
|
14
|
-
p.email = "jared@jaredhardy.com"
|
|
15
|
-
p.dependencies = ["compass >=0.12.2", "sass >=3.2.0"]
|
|
16
|
-
end
|
|
17
|
-
|
|
18
|
-
rescue LoadError => error
|
|
19
|
-
puts "You are missing a dependency required for meta-operations on this gem."
|
|
20
|
-
puts "#{error.to_s.capitalize}."
|
|
21
|
-
end
|
data/VERSION
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.
|
|
1
|
+
0.2.0
|
data/sassy-buttons.gemspec
CHANGED
|
@@ -1,35 +1,59 @@
|
|
|
1
|
-
# -*- encoding: utf-8 -*-
|
|
2
|
-
|
|
3
|
-
Gem::Specification.new do |s|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
1
|
+
# # -*- encoding: utf-8 -*-
|
|
2
|
+
|
|
3
|
+
# Gem::Specification.new do |s|
|
|
4
|
+
# s.name = "sassy-buttons"
|
|
5
|
+
# s.version = "0.1.4"
|
|
6
|
+
|
|
7
|
+
# s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
|
|
8
|
+
# s.authors = ["Jared Hardy"]
|
|
9
|
+
# s.date = "2012-08-24"
|
|
10
|
+
# s.description = "Sassy CSS3 buttons using Compass./"
|
|
11
|
+
# s.email = "jared@jaredhardy.com"
|
|
12
|
+
# s.extra_rdoc_files = ["LICENSE", "README.mkdn", "lib/sassy-buttons.rb"]
|
|
13
|
+
# s.files = ["Gemfile", "LICENSE", "Manifest", "README.mkdn", "VERSION", "lib/sassy-buttons.rb", "sassy-buttons.gemspec", "stylesheets/_sassy-buttons.sass", "stylesheets/sassy-buttons/_sassy-button-gradients.sass", "stylesheets/sassy-buttons/_sassy-button-pseudo-states.sass", "stylesheets/sassy-buttons/_sassy-button-shadows.sass", "stylesheets/sassy-buttons/_sassy-button-styles.sass", "stylesheets/sassy-buttons/_sassy-button-text.sass", "templates/project/_sassybuttons.sass", "templates/project/manifest.rb", "Rakefile"]
|
|
14
|
+
# s.homepage = "http://jaredhardy.com/"
|
|
15
|
+
# s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Sassy-buttons", "--main", "README.mkdn"]
|
|
16
|
+
# s.require_paths = ["lib"]
|
|
17
|
+
# s.rubyforge_project = "sassy-buttons"
|
|
18
|
+
# s.rubygems_version = "1.8.19"
|
|
19
|
+
# s.summary = "CSS only buttons extension for compass."
|
|
20
|
+
|
|
21
|
+
# if s.respond_to? :specification_version then
|
|
22
|
+
# s.specification_version = 3
|
|
23
|
+
|
|
24
|
+
# if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
|
|
25
|
+
# s.add_runtime_dependency(%q<compass>, [">= 0.12.2"])
|
|
26
|
+
# s.add_runtime_dependency(%q<sass>, [">= 3.2.0"])
|
|
27
|
+
# else
|
|
28
|
+
# s.add_dependency(%q<compass>, [">= 0.12.2"])
|
|
29
|
+
# s.add_dependency(%q<sass>, [">= 3.2.0"])
|
|
30
|
+
# end
|
|
31
|
+
# else
|
|
32
|
+
# s.add_dependency(%q<compass>, [">= 0.12.2"])
|
|
33
|
+
# s.add_dependency(%q<sass>, [">= 3.2.0"])
|
|
34
|
+
# end
|
|
35
|
+
# end
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
# coding: utf-8
|
|
39
|
+
lib = File.expand_path('../lib', __FILE__)
|
|
40
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
|
41
|
+
|
|
42
|
+
Gem::Specification.new do |spec|
|
|
43
|
+
spec.name = "sassy-buttons"
|
|
44
|
+
spec.version = "0.2"
|
|
45
|
+
spec.authors = ["Jared Hardy"]
|
|
46
|
+
spec.email = ["jared@jaredhardy.com"]
|
|
47
|
+
spec.description = %q{Sassy CSS3 buttons}
|
|
48
|
+
spec.summary = %q{Easily create awesome CSS only buttons with compass}
|
|
49
|
+
spec.homepage = "http://jaredhardy.com/sassy-buttons"
|
|
50
|
+
spec.license = "MIT"
|
|
51
|
+
|
|
52
|
+
spec.files = `git ls-files`.split($/)
|
|
53
|
+
spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
|
|
54
|
+
spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
|
|
55
|
+
spec.require_paths = ["lib"]
|
|
56
|
+
|
|
57
|
+
spec.add_development_dependency "bundler", "~> 1.3"
|
|
58
|
+
spec.add_development_dependency "rake"
|
|
35
59
|
end
|
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
@import "compass/css3/box-shadow"
|
|
6
6
|
@import "compass/css3/text-shadow"
|
|
7
7
|
@import "compass/css3/images"
|
|
8
|
+
@import "compass/css3/opacity"
|
|
8
9
|
|
|
9
10
|
@import "sassy-buttons/sassy-button-gradients"
|
|
10
11
|
@import "sassy-buttons/sassy-button-styles"
|
|
@@ -52,6 +53,7 @@ $sb-ie-support: true !default
|
|
|
52
53
|
@mixin sassy-button-default-structure
|
|
53
54
|
display: inline-block
|
|
54
55
|
cursor: pointer
|
|
56
|
+
text-decoration: none
|
|
55
57
|
|
|
56
58
|
// The Sassy Button kitchen sink.
|
|
57
59
|
@mixin sassy-button($gradient-style: $sb-gradient-style, $border-radius: $sb-border-radius, $font-size: $sb-font-size, $first-color: $sb-base-color, $second-color: $sb-second-color, $text-color:$sb-text-color, $text-style: $sb-text-style, $auto-states: $sb-pseudo-states, $ie: $sb-ie-support)
|
|
@@ -61,9 +63,10 @@ $sb-ie-support: true !default
|
|
|
61
63
|
|
|
62
64
|
|
|
63
65
|
// Structure for a sassy button
|
|
64
|
-
@mixin sassy-button-structure($border-radius: $sb-border-radius, $font-size: $sb-font-size, $padding: $sb-padding)
|
|
66
|
+
@mixin sassy-button-structure($border-radius: $sb-border-radius, $font-size: $sb-font-size, $padding: $sb-padding, $color: $sb-text-color)
|
|
65
67
|
font-size: $font-size
|
|
66
68
|
padding: $padding
|
|
69
|
+
color: $color
|
|
67
70
|
@include sassy-button-default-structure
|
|
68
71
|
@include border-radius($border-radius)
|
|
69
72
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@import "sassy-button-text"
|
|
3
3
|
@import "sassy-button-shadows"
|
|
4
4
|
|
|
5
|
-
@mixin sassy-button-gradient($style:
|
|
5
|
+
@mixin sassy-button-gradient($style: $sb-gradient-style, $base-color: $sb-base-color, $second-color: $sb-second-color, $text-color: $sb-text-color, $text-style: $sb-text-style, $auto-states: $sb-pseudo-states, $ie: $sb-ie-support)
|
|
6
6
|
$first-color: $base-color
|
|
7
7
|
$lightness : lightness($base-color)
|
|
8
8
|
$brightnessDivsor : 1
|
|
@@ -14,7 +14,7 @@ $sb-text-color: #fff // Button font color.
|
|
|
14
14
|
$sb-text-style: "inset" // Style of button text, can be "inset" or "raised" or false.
|
|
15
15
|
$sb-gradient-style: "simple" // Gradient style of button, can be "flat", "glass", "matte", "shiny", or "simple".
|
|
16
16
|
$sb-pseudo-states: true // Automatically generate pseudo state styles.
|
|
17
|
-
$sb-ie-support:
|
|
17
|
+
$sb-ie-support: true // Add filter-gradient for IE 7+
|
|
18
18
|
|
|
19
19
|
// Mixin that gets included when calling the sassy-button-structure if you need any
|
|
20
20
|
// styles applied to all your sassy buttons, add it here.
|
metadata
CHANGED
|
@@ -1,61 +1,56 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: sassy-buttons
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
5
|
-
prerelease:
|
|
4
|
+
version: '0.2'
|
|
6
5
|
platform: ruby
|
|
7
6
|
authors:
|
|
8
7
|
- Jared Hardy
|
|
9
8
|
autorequire:
|
|
10
9
|
bindir: bin
|
|
11
10
|
cert_chain: []
|
|
12
|
-
date:
|
|
11
|
+
date: 2013-06-03 00:00:00.000000000 Z
|
|
13
12
|
dependencies:
|
|
14
13
|
- !ruby/object:Gem::Dependency
|
|
15
|
-
name:
|
|
14
|
+
name: bundler
|
|
16
15
|
requirement: !ruby/object:Gem::Requirement
|
|
17
|
-
none: false
|
|
18
16
|
requirements:
|
|
19
|
-
- -
|
|
17
|
+
- - ~>
|
|
20
18
|
- !ruby/object:Gem::Version
|
|
21
|
-
version:
|
|
22
|
-
type: :
|
|
19
|
+
version: '1.3'
|
|
20
|
+
type: :development
|
|
23
21
|
prerelease: false
|
|
24
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
25
|
-
none: false
|
|
26
23
|
requirements:
|
|
27
|
-
- -
|
|
24
|
+
- - ~>
|
|
28
25
|
- !ruby/object:Gem::Version
|
|
29
|
-
version:
|
|
26
|
+
version: '1.3'
|
|
30
27
|
- !ruby/object:Gem::Dependency
|
|
31
|
-
name:
|
|
28
|
+
name: rake
|
|
32
29
|
requirement: !ruby/object:Gem::Requirement
|
|
33
|
-
none: false
|
|
34
30
|
requirements:
|
|
35
|
-
- -
|
|
31
|
+
- - '>='
|
|
36
32
|
- !ruby/object:Gem::Version
|
|
37
|
-
version:
|
|
38
|
-
type: :
|
|
33
|
+
version: '0'
|
|
34
|
+
type: :development
|
|
39
35
|
prerelease: false
|
|
40
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
41
|
-
none: false
|
|
42
37
|
requirements:
|
|
43
|
-
- -
|
|
38
|
+
- - '>='
|
|
44
39
|
- !ruby/object:Gem::Version
|
|
45
|
-
version:
|
|
46
|
-
description: Sassy CSS3 buttons
|
|
47
|
-
email:
|
|
40
|
+
version: '0'
|
|
41
|
+
description: Sassy CSS3 buttons
|
|
42
|
+
email:
|
|
43
|
+
- jared@jaredhardy.com
|
|
48
44
|
executables: []
|
|
49
45
|
extensions: []
|
|
50
|
-
extra_rdoc_files:
|
|
51
|
-
- LICENSE
|
|
52
|
-
- README.mkdn
|
|
53
|
-
- lib/sassy-buttons.rb
|
|
46
|
+
extra_rdoc_files: []
|
|
54
47
|
files:
|
|
48
|
+
- .gitignore
|
|
55
49
|
- Gemfile
|
|
56
|
-
- LICENSE
|
|
50
|
+
- LICENSE.txt
|
|
57
51
|
- Manifest
|
|
58
|
-
- README.
|
|
52
|
+
- README.md
|
|
53
|
+
- Rakefile
|
|
59
54
|
- VERSION
|
|
60
55
|
- lib/sassy-buttons.rb
|
|
61
56
|
- sassy-buttons.gemspec
|
|
@@ -67,35 +62,28 @@ files:
|
|
|
67
62
|
- stylesheets/sassy-buttons/_sassy-button-text.sass
|
|
68
63
|
- templates/project/_sassybuttons.sass
|
|
69
64
|
- templates/project/manifest.rb
|
|
70
|
-
-
|
|
71
|
-
|
|
72
|
-
|
|
65
|
+
homepage: http://jaredhardy.com/sassy-buttons
|
|
66
|
+
licenses:
|
|
67
|
+
- MIT
|
|
68
|
+
metadata: {}
|
|
73
69
|
post_install_message:
|
|
74
|
-
rdoc_options:
|
|
75
|
-
- --line-numbers
|
|
76
|
-
- --inline-source
|
|
77
|
-
- --title
|
|
78
|
-
- Sassy-buttons
|
|
79
|
-
- --main
|
|
80
|
-
- README.mkdn
|
|
70
|
+
rdoc_options: []
|
|
81
71
|
require_paths:
|
|
82
72
|
- lib
|
|
83
73
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
84
|
-
none: false
|
|
85
74
|
requirements:
|
|
86
|
-
- -
|
|
75
|
+
- - '>='
|
|
87
76
|
- !ruby/object:Gem::Version
|
|
88
77
|
version: '0'
|
|
89
78
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
90
|
-
none: false
|
|
91
79
|
requirements:
|
|
92
|
-
- -
|
|
80
|
+
- - '>='
|
|
93
81
|
- !ruby/object:Gem::Version
|
|
94
|
-
version: '
|
|
82
|
+
version: '0'
|
|
95
83
|
requirements: []
|
|
96
|
-
rubyforge_project:
|
|
97
|
-
rubygems_version:
|
|
84
|
+
rubyforge_project:
|
|
85
|
+
rubygems_version: 2.0.3
|
|
98
86
|
signing_key:
|
|
99
|
-
specification_version:
|
|
100
|
-
summary: CSS only buttons
|
|
87
|
+
specification_version: 4
|
|
88
|
+
summary: Easily create awesome CSS only buttons with compass
|
|
101
89
|
test_files: []
|