material_design_lite-sass 1.0.1

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 (66) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +11 -0
  5. data/CHANGELOG.md +5 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +108 -0
  9. data/Rakefile +4 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +7 -0
  12. data/lib/material_design_lite-sass.rb +46 -0
  13. data/lib/material_design_lite/sass/engine.rb +13 -0
  14. data/lib/material_design_lite/sass/version.rb +5 -0
  15. data/material_design_lite-sass.gemspec +28 -0
  16. data/vendor/assets/javascripts/material.js +3919 -0
  17. data/vendor/assets/javascripts/material/button.js +132 -0
  18. data/vendor/assets/javascripts/material/checkbox.js +265 -0
  19. data/vendor/assets/javascripts/material/data-table.js +149 -0
  20. data/vendor/assets/javascripts/material/icon-toggle.js +248 -0
  21. data/vendor/assets/javascripts/material/layout.js +434 -0
  22. data/vendor/assets/javascripts/material/mdlComponentHandler.js +346 -0
  23. data/vendor/assets/javascripts/material/menu.js +468 -0
  24. data/vendor/assets/javascripts/material/progress.js +116 -0
  25. data/vendor/assets/javascripts/material/rAF.js +38 -0
  26. data/vendor/assets/javascripts/material/radio.js +257 -0
  27. data/vendor/assets/javascripts/material/ripple.js +244 -0
  28. data/vendor/assets/javascripts/material/slider.js +252 -0
  29. data/vendor/assets/javascripts/material/spinner.js +140 -0
  30. data/vendor/assets/javascripts/material/switch.js +269 -0
  31. data/vendor/assets/javascripts/material/tabs.js +152 -0
  32. data/vendor/assets/javascripts/material/textfield.js +247 -0
  33. data/vendor/assets/javascripts/material/tooltip.js +146 -0
  34. data/vendor/assets/stylesheets/_material.scss +50 -0
  35. data/vendor/assets/stylesheets/material/_animation.scss +34 -0
  36. data/vendor/assets/stylesheets/material/_badge.scss +66 -0
  37. data/vendor/assets/stylesheets/material/_button.scss +298 -0
  38. data/vendor/assets/stylesheets/material/_card.scss +111 -0
  39. data/vendor/assets/stylesheets/material/_checkbox.scss +175 -0
  40. data/vendor/assets/stylesheets/material/_color-definitions.scss +599 -0
  41. data/vendor/assets/stylesheets/material/_data-table.scss +105 -0
  42. data/vendor/assets/stylesheets/material/_functions.scss +3 -0
  43. data/vendor/assets/stylesheets/material/_grid.scss +180 -0
  44. data/vendor/assets/stylesheets/material/_icon-toggle.scss +121 -0
  45. data/vendor/assets/stylesheets/material/_layout.scss +580 -0
  46. data/vendor/assets/stylesheets/material/_mega_footer.scss +309 -0
  47. data/vendor/assets/stylesheets/material/_menu.scss +193 -0
  48. data/vendor/assets/stylesheets/material/_mini_footer.scss +88 -0
  49. data/vendor/assets/stylesheets/material/_mixins.scss +268 -0
  50. data/vendor/assets/stylesheets/material/_palette.scss +2303 -0
  51. data/vendor/assets/stylesheets/material/_progress.scss +115 -0
  52. data/vendor/assets/stylesheets/material/_radio.scss +155 -0
  53. data/vendor/assets/stylesheets/material/_resets.scss +55 -0
  54. data/vendor/assets/stylesheets/material/_ripple.scss +42 -0
  55. data/vendor/assets/stylesheets/material/_shadow.scss +42 -0
  56. data/vendor/assets/stylesheets/material/_slider.scss +396 -0
  57. data/vendor/assets/stylesheets/material/_spinner.scss +248 -0
  58. data/vendor/assets/stylesheets/material/_switch.scss +199 -0
  59. data/vendor/assets/stylesheets/material/_tabs.scss +115 -0
  60. data/vendor/assets/stylesheets/material/_textfield.scss +190 -0
  61. data/vendor/assets/stylesheets/material/_tooltip.scss +66 -0
  62. data/vendor/assets/stylesheets/material/_typography.scss +297 -0
  63. data/vendor/assets/stylesheets/material/_variables.scss +572 -0
  64. data/vendor/assets/stylesheets/material/resets/_h5bp.scss +284 -0
  65. data/vendor/assets/stylesheets/material/resets/_mobile.scss +25 -0
  66. metadata +151 -0
@@ -0,0 +1,284 @@
1
+ /**
2
+ * Copyright 2015 Google Inc. All Rights Reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+ @import "../variables";
18
+
19
+ /*
20
+ * What follows is the result of much research on cross-browser styling.
21
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
22
+ * Kroc Camen, and the H5BP dev community and team.
23
+ */
24
+
25
+ /* ==========================================================================
26
+ Base styles: opinionated defaults
27
+ ========================================================================== */
28
+
29
+ html {
30
+ color: $text-color-primary;
31
+ font-size: 1em;
32
+ line-height: 1.4;
33
+ }
34
+
35
+ /*
36
+ * Remove text-shadow in selection highlight: h5bp.com/i
37
+ * These selection rule sets have to be separate.
38
+ * Customize the background color to match your design.
39
+ */
40
+
41
+ ::-moz-selection {
42
+ background: #b3d4fc;
43
+ text-shadow: none;
44
+ }
45
+
46
+ ::selection {
47
+ background: #b3d4fc;
48
+ text-shadow: none;
49
+ }
50
+
51
+ /*
52
+ * A better looking default horizontal rule
53
+ */
54
+
55
+ hr {
56
+ display: block;
57
+ height: 1px;
58
+ border: 0;
59
+ border-top: 1px solid #ccc;
60
+ margin: 1em 0;
61
+ padding: 0;
62
+ }
63
+
64
+ /*
65
+ * Remove the gap between images, videos, audio and canvas and the bottom of
66
+ * their containers: h5bp.com/i/440
67
+ */
68
+
69
+ audio,
70
+ canvas,
71
+ img,
72
+ svg,
73
+ video {
74
+ vertical-align: middle;
75
+ }
76
+
77
+ /*
78
+ * Remove default fieldset styles.
79
+ */
80
+
81
+ fieldset {
82
+ border: 0;
83
+ margin: 0;
84
+ padding: 0;
85
+ }
86
+
87
+ /*
88
+ * Allow only vertical resizing of textareas.
89
+ */
90
+
91
+ textarea {
92
+ resize: vertical;
93
+ }
94
+
95
+ /* ==========================================================================
96
+ Browse Happy prompt
97
+ ========================================================================== */
98
+
99
+ .browsehappy {
100
+ margin: 0.2em 0;
101
+ background: #ccc;
102
+ color: #000;
103
+ padding: 0.2em 0;
104
+ }
105
+
106
+ /* ==========================================================================
107
+ Author's custom styles
108
+ ========================================================================== */
109
+
110
+
111
+
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+
124
+
125
+
126
+ /* ==========================================================================
127
+ Helper classes
128
+ ========================================================================== */
129
+
130
+ /*
131
+ * Hide visually and from screen readers: h5bp.com/u
132
+ */
133
+
134
+ .hidden {
135
+ display: none !important;
136
+ visibility: hidden;
137
+ }
138
+
139
+ /*
140
+ * Hide only visually, but have it available for screen readers: h5bp.com/v
141
+ */
142
+
143
+ .visuallyhidden {
144
+ border: 0;
145
+ clip: rect(0 0 0 0);
146
+ height: 1px;
147
+ margin: -1px;
148
+ overflow: hidden;
149
+ padding: 0;
150
+ position: absolute;
151
+ width: 1px;
152
+ }
153
+
154
+ /*
155
+ * Extends the .visuallyhidden class to allow the element to be focusable
156
+ * when navigated to via the keyboard: h5bp.com/p
157
+ */
158
+
159
+ .visuallyhidden.focusable:active,
160
+ .visuallyhidden.focusable:focus {
161
+ clip: auto;
162
+ height: auto;
163
+ margin: 0;
164
+ overflow: visible;
165
+ position: static;
166
+ width: auto;
167
+ }
168
+
169
+ /*
170
+ * Hide visually and from screen readers, but maintain layout
171
+ */
172
+
173
+ .invisible {
174
+ visibility: hidden;
175
+ }
176
+
177
+ /*
178
+ * Clearfix: contain floats
179
+ *
180
+ * For modern browsers
181
+ * 1. The space content is one way to avoid an Opera bug when the
182
+ * `contenteditable` attribute is included anywhere else in the document.
183
+ * Otherwise it causes space to appear at the top and bottom of elements
184
+ * that receive the `clearfix` class.
185
+ * 2. The use of `table` rather than `block` is only necessary if using
186
+ * `:before` to contain the top-margins of child elements.
187
+ */
188
+
189
+ .clearfix:before,
190
+ .clearfix:after {
191
+ content: " "; /* 1 */
192
+ display: table; /* 2 */
193
+ }
194
+
195
+ .clearfix:after {
196
+ clear: both;
197
+ }
198
+
199
+ /* ==========================================================================
200
+ EXAMPLE Media Queries for Responsive Design.
201
+ These examples override the primary ('mobile first') styles.
202
+ Modify as content requires.
203
+ ========================================================================== */
204
+
205
+ @media only screen and (min-width: 35em) {
206
+ /* Style adjustments for viewports that meet the condition */
207
+ }
208
+
209
+ @media print,
210
+ (-o-min-device-pixel-ratio: 5/4),
211
+ (-webkit-min-device-pixel-ratio: 1.25),
212
+ (min-resolution: 120dpi) {
213
+ /* Style adjustments for high resolution devices */
214
+ }
215
+
216
+ /* ==========================================================================
217
+ Print styles.
218
+ Inlined to avoid the additional HTTP request: h5bp.com/r
219
+ ========================================================================== */
220
+
221
+ @media print {
222
+ *,
223
+ *:before,
224
+ *:after {
225
+ background: transparent !important;
226
+ color: #000 !important; /* Black prints faster: h5bp.com/s */
227
+ box-shadow: none !important;
228
+ text-shadow: none !important;
229
+ }
230
+
231
+ a,
232
+ a:visited {
233
+ text-decoration: underline;
234
+ }
235
+
236
+ a[href]:after {
237
+ content: " (" attr(href) ")";
238
+ }
239
+
240
+ abbr[title]:after {
241
+ content: " (" attr(title) ")";
242
+ }
243
+
244
+ /*
245
+ * Don't show links that are fragment identifiers,
246
+ * or use the `javascript:` pseudo protocol
247
+ */
248
+
249
+ a[href^="#"]:after,
250
+ a[href^="javascript:"]:after {
251
+ content: "";
252
+ }
253
+
254
+ pre,
255
+ blockquote {
256
+ border: 1px solid #999;
257
+ page-break-inside: avoid;
258
+ }
259
+
260
+ thead {
261
+ display: table-header-group; /* h5bp.com/t */
262
+ }
263
+
264
+ tr,
265
+ img {
266
+ page-break-inside: avoid;
267
+ }
268
+
269
+ img {
270
+ max-width: 100% !important;
271
+ }
272
+
273
+ p,
274
+ h2,
275
+ h3 {
276
+ orphans: 3;
277
+ widows: 3;
278
+ }
279
+
280
+ h2,
281
+ h3 {
282
+ page-break-after: avoid;
283
+ }
284
+ }
@@ -0,0 +1,25 @@
1
+ /**
2
+ * Copyright 2015 Google Inc. All Rights Reserved.
3
+ *
4
+ * Licensed under the Apache License, Version 2.0 (the "License");
5
+ * you may not use this file except in compliance with the License.
6
+ * You may obtain a copy of the License at
7
+ *
8
+ * http://www.apache.org/licenses/LICENSE-2.0
9
+ *
10
+ * Unless required by applicable law or agreed to in writing, software
11
+ * distributed under the License is distributed on an "AS IS" BASIS,
12
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13
+ * See the License for the specific language governing permissions and
14
+ * limitations under the License.
15
+ */
16
+
17
+
18
+ /* Remove the unwanted box around FAB buttons */
19
+ /* More info: http://goo.gl/IPwKi */
20
+ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
21
+ .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
22
+
23
+ -webkit-tap-highlight-color: transparent;
24
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
25
+ }
metadata ADDED
@@ -0,0 +1,151 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: material_design_lite-sass
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Dmitriy Tarasov
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2015-07-25 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: sass
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.3'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rails
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '4.2'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '4.2'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rspec
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '3.3'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '3.3'
55
+ description: Google's Material Design Lite, powered by Sass and ready to use in Ruby
56
+ projects
57
+ email:
58
+ - info@rubysamurai.com
59
+ executables: []
60
+ extensions: []
61
+ extra_rdoc_files: []
62
+ files:
63
+ - ".gitignore"
64
+ - ".rspec"
65
+ - ".travis.yml"
66
+ - CHANGELOG.md
67
+ - Gemfile
68
+ - LICENSE.txt
69
+ - README.md
70
+ - Rakefile
71
+ - bin/console
72
+ - bin/setup
73
+ - lib/material_design_lite-sass.rb
74
+ - lib/material_design_lite/sass/engine.rb
75
+ - lib/material_design_lite/sass/version.rb
76
+ - material_design_lite-sass.gemspec
77
+ - vendor/assets/javascripts/material.js
78
+ - vendor/assets/javascripts/material/button.js
79
+ - vendor/assets/javascripts/material/checkbox.js
80
+ - vendor/assets/javascripts/material/data-table.js
81
+ - vendor/assets/javascripts/material/icon-toggle.js
82
+ - vendor/assets/javascripts/material/layout.js
83
+ - vendor/assets/javascripts/material/mdlComponentHandler.js
84
+ - vendor/assets/javascripts/material/menu.js
85
+ - vendor/assets/javascripts/material/progress.js
86
+ - vendor/assets/javascripts/material/rAF.js
87
+ - vendor/assets/javascripts/material/radio.js
88
+ - vendor/assets/javascripts/material/ripple.js
89
+ - vendor/assets/javascripts/material/slider.js
90
+ - vendor/assets/javascripts/material/spinner.js
91
+ - vendor/assets/javascripts/material/switch.js
92
+ - vendor/assets/javascripts/material/tabs.js
93
+ - vendor/assets/javascripts/material/textfield.js
94
+ - vendor/assets/javascripts/material/tooltip.js
95
+ - vendor/assets/stylesheets/_material.scss
96
+ - vendor/assets/stylesheets/material/_animation.scss
97
+ - vendor/assets/stylesheets/material/_badge.scss
98
+ - vendor/assets/stylesheets/material/_button.scss
99
+ - vendor/assets/stylesheets/material/_card.scss
100
+ - vendor/assets/stylesheets/material/_checkbox.scss
101
+ - vendor/assets/stylesheets/material/_color-definitions.scss
102
+ - vendor/assets/stylesheets/material/_data-table.scss
103
+ - vendor/assets/stylesheets/material/_functions.scss
104
+ - vendor/assets/stylesheets/material/_grid.scss
105
+ - vendor/assets/stylesheets/material/_icon-toggle.scss
106
+ - vendor/assets/stylesheets/material/_layout.scss
107
+ - vendor/assets/stylesheets/material/_mega_footer.scss
108
+ - vendor/assets/stylesheets/material/_menu.scss
109
+ - vendor/assets/stylesheets/material/_mini_footer.scss
110
+ - vendor/assets/stylesheets/material/_mixins.scss
111
+ - vendor/assets/stylesheets/material/_palette.scss
112
+ - vendor/assets/stylesheets/material/_progress.scss
113
+ - vendor/assets/stylesheets/material/_radio.scss
114
+ - vendor/assets/stylesheets/material/_resets.scss
115
+ - vendor/assets/stylesheets/material/_ripple.scss
116
+ - vendor/assets/stylesheets/material/_shadow.scss
117
+ - vendor/assets/stylesheets/material/_slider.scss
118
+ - vendor/assets/stylesheets/material/_spinner.scss
119
+ - vendor/assets/stylesheets/material/_switch.scss
120
+ - vendor/assets/stylesheets/material/_tabs.scss
121
+ - vendor/assets/stylesheets/material/_textfield.scss
122
+ - vendor/assets/stylesheets/material/_tooltip.scss
123
+ - vendor/assets/stylesheets/material/_typography.scss
124
+ - vendor/assets/stylesheets/material/_variables.scss
125
+ - vendor/assets/stylesheets/material/resets/_h5bp.scss
126
+ - vendor/assets/stylesheets/material/resets/_mobile.scss
127
+ homepage: https://github.com/rubysamurai/material_design_lite-sass
128
+ licenses:
129
+ - MIT
130
+ metadata: {}
131
+ post_install_message:
132
+ rdoc_options: []
133
+ require_paths:
134
+ - lib
135
+ required_ruby_version: !ruby/object:Gem::Requirement
136
+ requirements:
137
+ - - ">="
138
+ - !ruby/object:Gem::Version
139
+ version: 1.9.3
140
+ required_rubygems_version: !ruby/object:Gem::Requirement
141
+ requirements:
142
+ - - ">="
143
+ - !ruby/object:Gem::Version
144
+ version: '0'
145
+ requirements: []
146
+ rubyforge_project:
147
+ rubygems_version: 2.4.7
148
+ signing_key:
149
+ specification_version: 4
150
+ summary: Google's Material Design Lite, powered by Sass and ready to use in Ruby projects
151
+ test_files: []