google-buttons-sass 0.1.0
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.
- data/LICENSE +14 -0
- data/README.md +91 -0
- data/lib/google-buttons-sass/compass_functions.rb +10 -0
- data/lib/google-buttons-sass/engine.rb +7 -0
- data/lib/google-buttons-sass/rails_functions.rb +14 -0
- data/lib/google-buttons-sass.rb +43 -0
- data/templates/project/manifest.rb +17 -0
- data/templates/project/styles.scss +3 -0
- data/vendor/assets/images/checkmark.png +0 -0
- data/vendor/assets/images/grey-disclosure-arrow-up-down.png +0 -0
- data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
- data/vendor/assets/javascripts/google-buttons.js +3 -0
- data/vendor/assets/javascripts/google-select-dropdown.js +89 -0
- data/vendor/assets/javascripts/google-select.js +84 -0
- data/vendor/assets/stylesheets/alerts.scss +21 -0
- data/vendor/assets/stylesheets/bootstrap-mixins.scss +625 -0
- data/vendor/assets/stylesheets/breadcrumbs.scss +8 -0
- data/vendor/assets/stylesheets/button-groups.scss +124 -0
- data/vendor/assets/stylesheets/buttons.scss +396 -0
- data/vendor/assets/stylesheets/dropdowns.scss +95 -0
- data/vendor/assets/stylesheets/forms.scss +229 -0
- data/vendor/assets/stylesheets/google-buttons.scss +42 -0
- data/vendor/assets/stylesheets/mixins.scss +44 -0
- data/vendor/assets/stylesheets/navs.scss +76 -0
- data/vendor/assets/stylesheets/pager.scss +40 -0
- data/vendor/assets/stylesheets/pagination.scss +68 -0
- data/vendor/assets/stylesheets/popovers.scss +36 -0
- data/vendor/assets/stylesheets/progress-bars.scss +7 -0
- data/vendor/assets/stylesheets/scrollbars.scss +43 -0
- data/vendor/assets/stylesheets/sprites.scss +12 -0
- data/vendor/assets/stylesheets/tooltip.scss +10 -0
- data/vendor/assets/stylesheets/variables.scss +199 -0
- data/vendor/assets/stylesheets/wells.scss +17 -0
- metadata +127 -0
@@ -0,0 +1,199 @@
|
|
1
|
+
// Variables.less
|
2
|
+
// Variables to customize the look and feel of Google-Bootstrap
|
3
|
+
// ------------------------------------------------------------
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
// GLOBAL VALUES
|
8
|
+
// --------------------------------------------------
|
9
|
+
|
10
|
+
|
11
|
+
// Grays
|
12
|
+
// -------------------------
|
13
|
+
$black: #000;
|
14
|
+
$grayDarker: #222;
|
15
|
+
$grayDark: #333;
|
16
|
+
$gray: #555;
|
17
|
+
$grayLight: #999;
|
18
|
+
$grayLighter: #eee;
|
19
|
+
$white: #fff;
|
20
|
+
|
21
|
+
|
22
|
+
// Accent colors
|
23
|
+
// -------------------------
|
24
|
+
$blue: #4b8cf7;
|
25
|
+
$blueDark: #0064cd;
|
26
|
+
$green: #46a546;
|
27
|
+
$red: #9d261d;
|
28
|
+
$yellow: #ffc40d;
|
29
|
+
$orange: #f89406;
|
30
|
+
$pink: #c3325f;
|
31
|
+
$purple: #7a43b6;
|
32
|
+
|
33
|
+
|
34
|
+
// Scaffolding
|
35
|
+
// -------------------------
|
36
|
+
$bodyBackground: $white;
|
37
|
+
$textColor: $grayDark;
|
38
|
+
|
39
|
+
|
40
|
+
// Links
|
41
|
+
// -------------------------
|
42
|
+
$linkColor: #15c;
|
43
|
+
$linkColorHover: #15c;
|
44
|
+
|
45
|
+
|
46
|
+
// Typography
|
47
|
+
// -------------------------
|
48
|
+
$sansFontFamily: Arial, Helvetica, sans-serif;
|
49
|
+
$serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
50
|
+
$monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
|
51
|
+
|
52
|
+
$baseFontSize: 13px;
|
53
|
+
$baseFontFamily: $sansFontFamily;
|
54
|
+
$baseLineHeight: 20px;
|
55
|
+
$altFontFamily: $serifFontFamily;
|
56
|
+
|
57
|
+
$headingsFontFamily: inherit; // empty to use BS default, $baseFontFamily
|
58
|
+
$headingsFontWeight: bold; // instead of browser default, bold
|
59
|
+
$headingsColor: inherit; // empty to use BS default, $textColor
|
60
|
+
|
61
|
+
|
62
|
+
// Tables
|
63
|
+
// -------------------------
|
64
|
+
$tableBackground: transparent; // overall background-color
|
65
|
+
$tableBackgroundAccent: #f9f9f9; // for striping
|
66
|
+
$tableBackgroundHover: #f5f5f5; // for hover
|
67
|
+
$tableBorder: #ddd; // table and cell border
|
68
|
+
|
69
|
+
|
70
|
+
// Buttons
|
71
|
+
// -------------------------
|
72
|
+
$btnBackground: #f3f3f3;
|
73
|
+
$btnBackgroundHighlight: darken($white, 10%);
|
74
|
+
$btnBorder: #ccc;
|
75
|
+
|
76
|
+
$btnPrimaryBackground: #4b8cf7;
|
77
|
+
$btnPrimaryBackgroundHighlight: spin($btnPrimaryBackground, 15%);
|
78
|
+
|
79
|
+
$btnInfoBackground: #5bc0de;
|
80
|
+
$btnInfoBackgroundHighlight: #2f96b4;
|
81
|
+
|
82
|
+
$btnSuccessBackground: #35aa47;
|
83
|
+
$btnSuccessBackgroundHighlight: #51a351;
|
84
|
+
|
85
|
+
$btnWarningBackground: lighten($orange, 10%);
|
86
|
+
$btnWarningBackgroundHighlight: $orange;
|
87
|
+
|
88
|
+
$btnDangerBackground: #d84a38;
|
89
|
+
$btnDangerBackgroundHighlight: #bd362f;
|
90
|
+
|
91
|
+
$btnInverseBackground: #4e4e4e;
|
92
|
+
$btnInverseBackgroundHighlight: $grayDarker;
|
93
|
+
|
94
|
+
|
95
|
+
// Forms
|
96
|
+
// -------------------------
|
97
|
+
$inputBackground: $white;
|
98
|
+
$inputBorder: #ccc;
|
99
|
+
$inputBorderRadius: 1px;
|
100
|
+
$inputDisabledBackground: #f1f1f1;
|
101
|
+
$formActionsBackground: #f5f5f5;
|
102
|
+
|
103
|
+
// Dropdowns
|
104
|
+
// -------------------------
|
105
|
+
$dropdownBackground: $white;
|
106
|
+
$dropdownBorder: rgba(0,0,0,.2);
|
107
|
+
$dropdownLinkColor: $grayDark;
|
108
|
+
$dropdownLinkColorHover: $grayDark;
|
109
|
+
$dropdownLinkBackgroundHover: #eee;
|
110
|
+
$dropdownDividerTop: #e5e5e5;
|
111
|
+
$dropdownDividerBottom: $white;
|
112
|
+
|
113
|
+
|
114
|
+
|
115
|
+
// COMPONENT VARIABLES
|
116
|
+
// --------------------------------------------------
|
117
|
+
|
118
|
+
// Z-index master list
|
119
|
+
// -------------------------
|
120
|
+
// Used for a bird's eye view of components dependent on the z-axis
|
121
|
+
// Try to avoid customizing these :)
|
122
|
+
$zindexDropdown: 1000;
|
123
|
+
$zindexPopover: 1010;
|
124
|
+
$zindexTooltip: 1020;
|
125
|
+
$zindexFixedNavbar: 1030;
|
126
|
+
$zindexModalBackdrop: 1040;
|
127
|
+
$zindexModal: 1050;
|
128
|
+
|
129
|
+
// Input placeholder text color
|
130
|
+
// -------------------------
|
131
|
+
$placeholderText: $grayLight;
|
132
|
+
|
133
|
+
|
134
|
+
// Hr border color
|
135
|
+
// -------------------------
|
136
|
+
$hrBorder: $grayLighter;
|
137
|
+
|
138
|
+
|
139
|
+
// Navbar
|
140
|
+
// -------------------------
|
141
|
+
$navbarHeight: 40px;
|
142
|
+
$navbarBackground: $grayDarker;
|
143
|
+
$navbarBackgroundHighlight: $grayDark;
|
144
|
+
|
145
|
+
$navbarText: $grayLight;
|
146
|
+
$navbarLinkColor: $grayLight;
|
147
|
+
$navbarLinkColorHover: $white;
|
148
|
+
$navbarLinkColorActive: $navbarLinkColorHover;
|
149
|
+
$navbarLinkBackgroundHover: transparent;
|
150
|
+
$navbarLinkBackgroundActive: $navbarBackground;
|
151
|
+
|
152
|
+
$navbarSearchBackground: lighten($navbarBackground, 25%);
|
153
|
+
$navbarSearchBackgroundFocus: $white;
|
154
|
+
$navbarSearchBorder: darken($navbarSearchBackground, 30%);
|
155
|
+
$navbarSearchPlaceholderColor: #ccc;
|
156
|
+
$navbarBrandColor: $navbarLinkColor;
|
157
|
+
|
158
|
+
|
159
|
+
// Hero unit
|
160
|
+
// -------------------------
|
161
|
+
$heroUnitBackground: $grayLighter;
|
162
|
+
$heroUnitHeadingColor: inherit;
|
163
|
+
$heroUnitLeadColor: inherit;
|
164
|
+
|
165
|
+
|
166
|
+
// Form states and alerts
|
167
|
+
// -------------------------
|
168
|
+
$warningText: #333; //#c09853;
|
169
|
+
$warningBackground: #f9edbe;
|
170
|
+
$warningBorder: #f0c36d;
|
171
|
+
|
172
|
+
$errorText: #DD4B39;
|
173
|
+
$errorBackground: #f2dede;
|
174
|
+
$errorBorder: #DD4B39;
|
175
|
+
|
176
|
+
$successText: #468847;
|
177
|
+
$successBackground: #dff0d8;
|
178
|
+
$successBorder: darken($successBackground, 20%);
|
179
|
+
|
180
|
+
$infoText: #3a87ad;
|
181
|
+
$infoBackground: #d9edf7;
|
182
|
+
$infoBorder: darken($infoBackground, 20%);
|
183
|
+
|
184
|
+
|
185
|
+
|
186
|
+
// GRID
|
187
|
+
// --------------------------------------------------
|
188
|
+
|
189
|
+
// Default 940px grid
|
190
|
+
// -------------------------
|
191
|
+
$gridColumns: 12;
|
192
|
+
$gridColumnWidth: 60px;
|
193
|
+
$gridGutterWidth: 20px;
|
194
|
+
$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
195
|
+
|
196
|
+
// Fluid grid
|
197
|
+
// -------------------------
|
198
|
+
$fluidGridColumnWidth: 6.382978723%;
|
199
|
+
$fluidGridGutterWidth: 2.127659574%;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
// WELLS
|
2
|
+
// -----
|
3
|
+
|
4
|
+
.well {
|
5
|
+
background-color: #f1f1f1;
|
6
|
+
border: 1px solid #e5e5e5;
|
7
|
+
@include border-radius(0);
|
8
|
+
@include box-shadow(none);
|
9
|
+
}
|
10
|
+
|
11
|
+
// Sizes
|
12
|
+
.well-large {
|
13
|
+
@include border-radius(0);
|
14
|
+
}
|
15
|
+
.well-small {
|
16
|
+
@include border-radius(0);
|
17
|
+
}
|
metadata
ADDED
@@ -0,0 +1,127 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: google-buttons-sass
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Thomas McDonald, Tim O'Donnell, Pete Brousalis
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-07-13 00:00:00.000000000 Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: compass
|
16
|
+
requirement: !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: '0'
|
22
|
+
type: :development
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: !ruby/object:Gem::Requirement
|
25
|
+
none: false
|
26
|
+
requirements:
|
27
|
+
- - ! '>='
|
28
|
+
- !ruby/object:Gem::Version
|
29
|
+
version: '0'
|
30
|
+
- !ruby/object:Gem::Dependency
|
31
|
+
name: sass-rails
|
32
|
+
requirement: !ruby/object:Gem::Requirement
|
33
|
+
none: false
|
34
|
+
requirements:
|
35
|
+
- - ~>
|
36
|
+
- !ruby/object:Gem::Version
|
37
|
+
version: '3.1'
|
38
|
+
type: :development
|
39
|
+
prerelease: false
|
40
|
+
version_requirements: !ruby/object:Gem::Requirement
|
41
|
+
none: false
|
42
|
+
requirements:
|
43
|
+
- - ~>
|
44
|
+
- !ruby/object:Gem::Version
|
45
|
+
version: '3.1'
|
46
|
+
- !ruby/object:Gem::Dependency
|
47
|
+
name: bootstrap-sass
|
48
|
+
requirement: !ruby/object:Gem::Requirement
|
49
|
+
none: false
|
50
|
+
requirements:
|
51
|
+
- - ~>
|
52
|
+
- !ruby/object:Gem::Version
|
53
|
+
version: 2.0.4.0
|
54
|
+
type: :development
|
55
|
+
prerelease: false
|
56
|
+
version_requirements: !ruby/object:Gem::Requirement
|
57
|
+
none: false
|
58
|
+
requirements:
|
59
|
+
- - ~>
|
60
|
+
- !ruby/object:Gem::Version
|
61
|
+
version: 2.0.4.0
|
62
|
+
description: Tim O'Donnell's CSS3 Google Buttons coverted to SASS including images
|
63
|
+
and javascript. This gem is based on Thomas McDonald's bootstrap-sass gem.
|
64
|
+
email: brousapg@gmail.com
|
65
|
+
executables: []
|
66
|
+
extensions: []
|
67
|
+
extra_rdoc_files: []
|
68
|
+
files:
|
69
|
+
- vendor/assets/stylesheets/alerts.scss
|
70
|
+
- vendor/assets/stylesheets/bootstrap-mixins.scss
|
71
|
+
- vendor/assets/stylesheets/breadcrumbs.scss
|
72
|
+
- vendor/assets/stylesheets/button-groups.scss
|
73
|
+
- vendor/assets/stylesheets/buttons.scss
|
74
|
+
- vendor/assets/stylesheets/dropdowns.scss
|
75
|
+
- vendor/assets/stylesheets/forms.scss
|
76
|
+
- vendor/assets/stylesheets/google-buttons.scss
|
77
|
+
- vendor/assets/stylesheets/mixins.scss
|
78
|
+
- vendor/assets/stylesheets/navs.scss
|
79
|
+
- vendor/assets/stylesheets/pager.scss
|
80
|
+
- vendor/assets/stylesheets/pagination.scss
|
81
|
+
- vendor/assets/stylesheets/popovers.scss
|
82
|
+
- vendor/assets/stylesheets/progress-bars.scss
|
83
|
+
- vendor/assets/stylesheets/scrollbars.scss
|
84
|
+
- vendor/assets/stylesheets/sprites.scss
|
85
|
+
- vendor/assets/stylesheets/tooltip.scss
|
86
|
+
- vendor/assets/stylesheets/variables.scss
|
87
|
+
- vendor/assets/stylesheets/wells.scss
|
88
|
+
- vendor/assets/javascripts/bootstrap-popover.js
|
89
|
+
- vendor/assets/javascripts/google-buttons.js
|
90
|
+
- vendor/assets/javascripts/google-select-dropdown.js
|
91
|
+
- vendor/assets/javascripts/google-select.js
|
92
|
+
- vendor/assets/images/checkmark.png
|
93
|
+
- vendor/assets/images/grey-disclosure-arrow-up-down.png
|
94
|
+
- lib/google-buttons-sass/compass_functions.rb
|
95
|
+
- lib/google-buttons-sass/engine.rb
|
96
|
+
- lib/google-buttons-sass/rails_functions.rb
|
97
|
+
- lib/google-buttons-sass.rb
|
98
|
+
- templates/project/manifest.rb
|
99
|
+
- templates/project/styles.scss
|
100
|
+
- README.md
|
101
|
+
- LICENSE
|
102
|
+
homepage: http://github.com/brousalis/google-buttons-sass
|
103
|
+
licenses: []
|
104
|
+
post_install_message:
|
105
|
+
rdoc_options: []
|
106
|
+
require_paths:
|
107
|
+
- lib
|
108
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
109
|
+
none: false
|
110
|
+
requirements:
|
111
|
+
- - ! '>='
|
112
|
+
- !ruby/object:Gem::Version
|
113
|
+
version: '0'
|
114
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
115
|
+
none: false
|
116
|
+
requirements:
|
117
|
+
- - ! '>='
|
118
|
+
- !ruby/object:Gem::Version
|
119
|
+
version: '0'
|
120
|
+
requirements: []
|
121
|
+
rubyforge_project:
|
122
|
+
rubygems_version: 1.8.24
|
123
|
+
signing_key:
|
124
|
+
specification_version: 3
|
125
|
+
summary: Tim O'Donnell's CSS3 Google Buttons coverted to SASS and ready for include.
|
126
|
+
Based on Thomas McDonald's bootstrap-sass gem.
|
127
|
+
test_files: []
|