material_design_lite-sass 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
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: []