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.
Files changed (34) hide show
  1. data/LICENSE +14 -0
  2. data/README.md +91 -0
  3. data/lib/google-buttons-sass/compass_functions.rb +10 -0
  4. data/lib/google-buttons-sass/engine.rb +7 -0
  5. data/lib/google-buttons-sass/rails_functions.rb +14 -0
  6. data/lib/google-buttons-sass.rb +43 -0
  7. data/templates/project/manifest.rb +17 -0
  8. data/templates/project/styles.scss +3 -0
  9. data/vendor/assets/images/checkmark.png +0 -0
  10. data/vendor/assets/images/grey-disclosure-arrow-up-down.png +0 -0
  11. data/vendor/assets/javascripts/bootstrap-popover.js +98 -0
  12. data/vendor/assets/javascripts/google-buttons.js +3 -0
  13. data/vendor/assets/javascripts/google-select-dropdown.js +89 -0
  14. data/vendor/assets/javascripts/google-select.js +84 -0
  15. data/vendor/assets/stylesheets/alerts.scss +21 -0
  16. data/vendor/assets/stylesheets/bootstrap-mixins.scss +625 -0
  17. data/vendor/assets/stylesheets/breadcrumbs.scss +8 -0
  18. data/vendor/assets/stylesheets/button-groups.scss +124 -0
  19. data/vendor/assets/stylesheets/buttons.scss +396 -0
  20. data/vendor/assets/stylesheets/dropdowns.scss +95 -0
  21. data/vendor/assets/stylesheets/forms.scss +229 -0
  22. data/vendor/assets/stylesheets/google-buttons.scss +42 -0
  23. data/vendor/assets/stylesheets/mixins.scss +44 -0
  24. data/vendor/assets/stylesheets/navs.scss +76 -0
  25. data/vendor/assets/stylesheets/pager.scss +40 -0
  26. data/vendor/assets/stylesheets/pagination.scss +68 -0
  27. data/vendor/assets/stylesheets/popovers.scss +36 -0
  28. data/vendor/assets/stylesheets/progress-bars.scss +7 -0
  29. data/vendor/assets/stylesheets/scrollbars.scss +43 -0
  30. data/vendor/assets/stylesheets/sprites.scss +12 -0
  31. data/vendor/assets/stylesheets/tooltip.scss +10 -0
  32. data/vendor/assets/stylesheets/variables.scss +199 -0
  33. data/vendor/assets/stylesheets/wells.scss +17 -0
  34. 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: []