uniform-ui 1.0 → 2.2.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 (139) hide show
  1. checksums.yaml +5 -5
  2. data/lib/assets/config/manifest.js +1 -0
  3. data/lib/assets/javascripts/uniform/checkbox.js +31 -0
  4. data/lib/assets/javascripts/uniform/component.js +42 -0
  5. data/lib/assets/javascripts/uniform/dom-helpers.js +136 -0
  6. data/lib/assets/javascripts/uniform/dropdown.js +149 -0
  7. data/lib/assets/javascripts/uniform/floating-label.js +54 -0
  8. data/lib/assets/javascripts/uniform/icons.js +16 -0
  9. data/lib/assets/javascripts/uniform/modal.js +103 -0
  10. data/lib/assets/javascripts/uniform/resizer.js +43 -0
  11. data/lib/assets/javascripts/uniform/select.js +235 -0
  12. data/lib/assets/javascripts/uniform/tooltip.js +120 -0
  13. data/lib/assets/javascripts/uniform-es5.js +1 -0
  14. data/lib/assets/javascripts/uniform-jquery.js +124 -0
  15. data/lib/assets/javascripts/uniform.js +17 -0
  16. data/lib/assets/stylesheets/uniform/base.scss +3 -0
  17. data/lib/assets/stylesheets/uniform/components/alert.scss +72 -0
  18. data/lib/assets/stylesheets/uniform/components/buttons.scss +219 -0
  19. data/{vendor → lib}/assets/stylesheets/uniform/components/card.scss +33 -25
  20. data/lib/assets/stylesheets/uniform/components/container.scss +19 -0
  21. data/{vendor → lib}/assets/stylesheets/uniform/components/dropdown.scss +8 -4
  22. data/lib/assets/stylesheets/uniform/components/form/checkbox-collection.scss +103 -0
  23. data/lib/assets/stylesheets/uniform/components/form/checkbox.scss +58 -0
  24. data/lib/assets/stylesheets/uniform/components/form/floating-label.scss +64 -0
  25. data/lib/assets/stylesheets/uniform/components/form/input-group.scss +56 -0
  26. data/lib/assets/stylesheets/uniform/components/form.scss +143 -0
  27. data/lib/assets/stylesheets/uniform/components/grid.scss +158 -0
  28. data/lib/assets/stylesheets/uniform/components/label.scss +26 -0
  29. data/lib/assets/stylesheets/uniform/components/loaders.scss +80 -0
  30. data/{vendor → lib}/assets/stylesheets/uniform/components/modal.scss +26 -4
  31. data/lib/assets/stylesheets/uniform/components/nav.scss +124 -0
  32. data/lib/assets/stylesheets/uniform/components/row.scss +69 -0
  33. data/lib/assets/stylesheets/uniform/components/select.scss +122 -0
  34. data/lib/assets/stylesheets/uniform/components/table.scss +127 -0
  35. data/lib/assets/stylesheets/uniform/components/thumb.scss +41 -0
  36. data/lib/assets/stylesheets/uniform/components/tooltip.scss +63 -0
  37. data/lib/assets/stylesheets/uniform/components.scss +11 -0
  38. data/{vendor → lib}/assets/stylesheets/uniform/defaults.scss +7 -4
  39. data/lib/assets/stylesheets/uniform/functions.scss +31 -0
  40. data/lib/assets/stylesheets/uniform/helpers/border.scss +19 -0
  41. data/lib/assets/stylesheets/uniform/helpers/colors.scss +23 -0
  42. data/lib/assets/stylesheets/uniform/helpers/margin.scss +27 -0
  43. data/lib/assets/stylesheets/uniform/helpers/padding.scss +9 -0
  44. data/lib/assets/stylesheets/uniform/helpers/position.scss +13 -0
  45. data/lib/assets/stylesheets/uniform/helpers/sizes.scss +38 -0
  46. data/{vendor → lib}/assets/stylesheets/uniform/helpers/text.scss +86 -73
  47. data/lib/assets/stylesheets/uniform/helpers.scss +127 -0
  48. data/lib/assets/stylesheets/uniform/mixins.scss +116 -0
  49. data/lib/assets/stylesheets/uniform/print/grid.scss +50 -0
  50. data/lib/assets/stylesheets/uniform/variables.scss +72 -0
  51. data/lib/assets/stylesheets/uniform-print.scss +1 -0
  52. data/lib/assets/stylesheets/uniform.scss +11 -0
  53. data/lib/uniform/version.rb +3 -0
  54. data/lib/uniform.rb +15 -0
  55. metadata +87 -95
  56. data/.gitignore +0 -2
  57. data/CHANGELOG.md +0 -27
  58. data/CNAME +0 -1
  59. data/Gemfile +0 -8
  60. data/Gemfile.lock +0 -40
  61. data/LICENSE +0 -22
  62. data/README.md +0 -35
  63. data/Rakefile +0 -74
  64. data/index.html +0 -251
  65. data/lib/uniform/rails/engine.rb +0 -8
  66. data/lib/uniform/rails.rb +0 -6
  67. data/lib/uniform/ui.rb +0 -1
  68. data/preview/alerts.html.erb +0 -1
  69. data/preview/buttons.html.erb +0 -62
  70. data/preview/cards.html.erb +0 -23
  71. data/preview/colors.html.erb +0 -22
  72. data/preview/dropdown.html.erb +0 -1
  73. data/preview/form.html.erb +0 -233
  74. data/preview/grid.html.erb +0 -304
  75. data/preview/helpers.html.erb +0 -225
  76. data/preview/index.html.erb +0 -77
  77. data/preview/labels.html.erb +0 -1
  78. data/preview/layout.html.erb +0 -63
  79. data/preview/loaders.html.erb +0 -83
  80. data/preview/modal.html.erb +0 -1
  81. data/preview/nav.html.erb +0 -77
  82. data/preview/preview.scss +0 -76
  83. data/preview/rows.html.erb +0 -36
  84. data/preview/select.html.erb +0 -1
  85. data/preview/tables.html.erb +0 -1
  86. data/preview/tabs.html.erb +0 -17
  87. data/preview/tiles.html.erb +0 -1
  88. data/preview/tooltip.erb +0 -1
  89. data/preview.css +0 -0
  90. data/site/alerts.html +0 -157
  91. data/site/alerts.html copy +0 -133
  92. data/site/buttons.html +0 -286
  93. data/site/cards.html +0 -177
  94. data/site/colors.html +0 -275
  95. data/site/dropdown.html +0 -157
  96. data/site/dropdown.html copy +0 -141
  97. data/site/form.html +0 -369
  98. data/site/grid.html +0 -716
  99. data/site/helpers.html +0 -1008
  100. data/site/index.html +0 -251
  101. data/site/labels.html +0 -157
  102. data/site/layout.html +0 -313
  103. data/site/loaders.html +0 -233
  104. data/site/logo.png +0 -0
  105. data/site/modal.html +0 -157
  106. data/site/nav.html +0 -229
  107. data/site/preview.css +0 -1
  108. data/site/preview.js +0 -59
  109. data/site/rows.html +0 -190
  110. data/site/select.html +0 -157
  111. data/site/tables.html +0 -157
  112. data/site/tabs.html +0 -171
  113. data/site/tiles.html +0 -157
  114. data/site/tiles.html copy +0 -109
  115. data/site/tooltip +0 -157
  116. data/site/uniform.css +0 -1
  117. data/uniform.gemspec +0 -22
  118. data/vendor/assets/stylesheets/uniform/base.scss +0 -2
  119. data/vendor/assets/stylesheets/uniform/components/alert.scss +0 -27
  120. data/vendor/assets/stylesheets/uniform/components/buttons.scss +0 -212
  121. data/vendor/assets/stylesheets/uniform/components/form.scss +0 -290
  122. data/vendor/assets/stylesheets/uniform/components/grid.scss +0 -225
  123. data/vendor/assets/stylesheets/uniform/components/label.scss +0 -63
  124. data/vendor/assets/stylesheets/uniform/components/loaders.scss +0 -82
  125. data/vendor/assets/stylesheets/uniform/components/nav.scss +0 -197
  126. data/vendor/assets/stylesheets/uniform/components/row.scss +0 -92
  127. data/vendor/assets/stylesheets/uniform/components/select.scss +0 -98
  128. data/vendor/assets/stylesheets/uniform/components/table.scss +0 -83
  129. data/vendor/assets/stylesheets/uniform/components/tabs.scss +0 -45
  130. data/vendor/assets/stylesheets/uniform/components/tile.scss +0 -20
  131. data/vendor/assets/stylesheets/uniform/components/tooltip.scss +0 -46
  132. data/vendor/assets/stylesheets/uniform/helpers/colors.scss +0 -37
  133. data/vendor/assets/stylesheets/uniform/helpers/margin.scss +0 -44
  134. data/vendor/assets/stylesheets/uniform/helpers/padding.scss +0 -74
  135. data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +0 -31
  136. data/vendor/assets/stylesheets/uniform/helpers.scss +0 -124
  137. data/vendor/assets/stylesheets/uniform/mixins.scss +0 -77
  138. data/vendor/assets/stylesheets/uniform/variables.scss +0 -36
  139. data/vendor/assets/stylesheets/uniform.scss +0 -9
data/site/form.html DELETED
@@ -1,369 +0,0 @@
1
- <!DOCTYPE html>
2
- <head>
3
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
4
- <title>Uniform</title>
5
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css" type="text/css" media="screen">
6
- <link rel="stylesheet" href="/site/uniform.css" type="text/css" media="screen" title="no title" charset="utf-8">
7
- <link rel="stylesheet" href="/site/preview.css" type="text/css" media="screen" charset="utf-8">
8
- </head>
9
- <body>
10
- <div class="side-nav">
11
- <div class="pad">
12
- <a href="/">
13
- <img src="/site/logo.png" class="block">
14
- </a>
15
- </div>
16
- <div class="uniformNav vertical">
17
- <div class="nav">
18
-
19
-
20
-
21
- <a href="/site/helpers.html">
22
- Helpers
23
-
24
- </a>
25
-
26
-
27
- <a href="/site/colors.html">
28
- Colors
29
-
30
- </a>
31
-
32
-
33
- <a href="/site/grid.html">
34
- Grid
35
-
36
- </a>
37
-
38
-
39
- <a href="/site/buttons.html">
40
- Buttons
41
-
42
- </a>
43
-
44
-
45
- <a href="/site/tables.html">
46
- Tables
47
-
48
- <span class="uniformLabel yellow">todo</span>
49
-
50
- </a>
51
-
52
-
53
- <a href="/site/cards.html">
54
- Cards
55
-
56
- </a>
57
-
58
-
59
- <a href="/site/rows.html">
60
- Rows
61
-
62
- </a>
63
-
64
-
65
- <a href="/site/form.html">
66
- Form
67
-
68
- </a>
69
-
70
-
71
- <a href="/site/loaders.html">
72
- Loaders
73
-
74
- </a>
75
-
76
-
77
- <a href="/site/nav.html">
78
- Nav
79
-
80
- </a>
81
-
82
-
83
- <a href="/site/tabs.html">
84
- Tabs
85
-
86
- </a>
87
-
88
-
89
- <a href="/site/tiles.html">
90
- Tiles
91
-
92
- <span class="uniformLabel yellow">todo</span>
93
-
94
- </a>
95
-
96
-
97
- <a href="/site/labels.html">
98
- Labels
99
-
100
- <span class="uniformLabel yellow">todo</span>
101
-
102
- </a>
103
-
104
-
105
- <a href="/site/alerts.html">
106
- Alerts
107
-
108
- <span class="uniformLabel yellow">todo</span>
109
-
110
- </a>
111
-
112
-
113
- <a href="/site/dropdown.html">
114
- Dropdown
115
-
116
- <span class="uniformLabel yellow">todo</span>
117
-
118
- </a>
119
-
120
-
121
- <a href="/site/modal.html">
122
- Modal
123
-
124
- <span class="uniformLabel yellow">todo</span>
125
-
126
- </a>
127
-
128
-
129
- <a href="/site/select.html">
130
- Select
131
-
132
- <span class="uniformLabel yellow">todo</span>
133
-
134
- </a>
135
-
136
-
137
- <a href="/site/tooltip.html">
138
- Tooltip
139
-
140
- <span class="uniformLabel yellow">todo</span>
141
-
142
- </a>
143
-
144
- </div>
145
- </div>
146
- </div>
147
- <div class="main-content overflow-hidden">
148
- <div class="section">
149
- <h1>Forms</h1>
150
- <h3>UniformForm</h3>
151
- <div class="grid">
152
- <div class="col-6">
153
- <form class="uniformForm">
154
- <div class="form-group">
155
- <label>Name</label>
156
- <input type="text">
157
- </div>
158
- <div class="form-group" data-error-message="example error message">
159
- <label>Phone</label>
160
- <input type="text">
161
- </div>
162
- <div class="form-group">
163
- <label>Email</label>
164
- <input type="text">
165
- </div>
166
- </form>
167
- </div>
168
- <div class="col-6">
169
- <pre class=''>&lt;form class=&quot;uniformForm&quot;&gt;
170
- &lt;div class=&quot;form-group&quot;&gt;
171
- &lt;label&gt;Name&lt;/label&gt;
172
- &lt;input type=&quot;text&quot;&gt;
173
- &lt;/div&gt;
174
- &lt;div class=&quot;form-group&quot; data-error-message=&quot;example error message&quot;&gt;
175
- &lt;label&gt;Phone&lt;/label&gt;
176
- &lt;input type=&quot;text&quot;&gt;
177
- &lt;/div&gt;
178
- &lt;div class=&quot;form-group&quot;&gt;
179
- &lt;label&gt;Email&lt;/label&gt;
180
- &lt;input type=&quot;text&quot;&gt;
181
- &lt;/div&gt;
182
- &lt;/form&gt;</pre>
183
- </div>
184
- </div>
185
-
186
- <div class="grid">
187
- <div class="col-6">
188
- <form class="uniformForm uniformForm-table">
189
- <div class="form-group">
190
- <label>Name</label>
191
- <div>
192
- <input type="text">
193
- </div>
194
- </div>
195
- <div class="form-group">
196
- <label>Phone</label>
197
- <div>
198
- <div data-error-message="example error message">
199
- <input type="text">
200
- </div>
201
- </div>
202
- </div>
203
- <div class="form-group">
204
- <label>Email</label>
205
- <div>
206
- <input type="text">
207
- </div>
208
- </div>
209
- </form>
210
- </div>
211
- <div class="col-6">
212
- <pre class=''>&lt;form class=&quot;uniformForm uniformForm-table&quot;&gt;
213
- &lt;div class=&quot;form-group&quot;&gt;
214
- &lt;label&gt;Name&lt;/label&gt;
215
- &lt;input type=&quot;text&quot;&gt;
216
- &lt;/div&gt;
217
- &lt;div class=&quot;form-group&quot; data-error-message=&quot;example error message&quot;&gt;
218
- &lt;label&gt;Phone&lt;/label&gt;
219
- &lt;input type=&quot;text&quot;&gt;
220
- &lt;/div&gt;
221
- &lt;div class=&quot;form-group&quot;&gt;
222
- &lt;label&gt;Email&lt;/label&gt;
223
- &lt;input type=&quot;text&quot;&gt;
224
- &lt;/div&gt;
225
- &lt;/form&gt;</pre>
226
- </div>
227
- </div>
228
-
229
-
230
- <h3>UniformInput</h3>
231
- <div class="grid">
232
- <div class="col-6">
233
- <p><input type="text" class="uniformInput" /></p>
234
- <p><input type="text" class="uniformInput large" /></p>
235
- </div>
236
- <div class="col-6">
237
- <pre class=''>&lt;input type=&quot;text&quot; class=&quot;uniformInput&quot; /&gt;</pre>
238
- <pre class=''>&lt;input type=&quot;text&quot; class=&quot;uniformInput large&quot; /&gt;</pre>
239
- </div>
240
- </div>
241
-
242
- <h3>Custom Inputs</h3>
243
- <div class="grid nest">
244
- <div class="col-6">
245
- <p>Styled Select Box</p>
246
- <p><span class="uniformSelect"><select><option>An Option</option></select></span></p>
247
- </div>
248
- <div class="col-6">
249
- <pre class=''>&lt;span class=&#39;uniformSelect&#39;&gt;
250
- &lt;select&gt;
251
- &lt;option&gt;An Option&lt;/option&gt;
252
- &lt;/select&gt;
253
- &lt;/span&gt;</pre>
254
- </div>
255
-
256
- <div class="col-6">
257
- <p>uniformCheckboxCollection</p>
258
- <div class="uniformCheckboxCollection">
259
- <label><input type="checkbox"> Option 1</label>
260
- <label><input type="checkbox"> Option 2</label>
261
- <label><input type="checkbox"> Option 3</label>
262
- </div>
263
- </div>
264
- <div class="col-6">
265
- <pre class=''>&lt;div class=&quot;uniformCheckboxCollection&quot;&gt;
266
- &lt;label&gt;&lt;input type=&quot;checkbox&quot;&gt; Option 1&lt;/label&gt;
267
- &lt;label&gt;&lt;input type=&quot;checkbox&quot;&gt; Option 2&lt;/label&gt;
268
- &lt;label&gt;&lt;input type=&quot;checkbox&quot;&gt; Option 3&lt;/label&gt;
269
- &lt;/div&gt;</pre>
270
- </div>
271
-
272
- <div class="col-6">
273
- <p>uniformCheckboxCollection.inline</p>
274
- <div class="uniformCheckboxCollection inline">
275
- <label><input type="radio"> Option 1</label>
276
- <label><input type="radio"> Option 2</label>
277
- <label><input type="radio"> Option 3</label>
278
- </div>
279
- </div>
280
- <div class="col-6">
281
- <pre class=''>&lt;div class=&quot;uniformCheckboxCollection inline&quot;&gt;
282
- &lt;label&gt;&lt;input type=&quot;radio&quot;&gt; Option 1&lt;/label&gt;
283
- &lt;label&gt;&lt;input type=&quot;radio&quot;&gt; Option 2&lt;/label&gt;
284
- &lt;label&gt;&lt;input type=&quot;radio&quot;&gt; Option 3&lt;/label&gt;
285
- &lt;/div&gt;</pre>
286
- </div>
287
-
288
-
289
- </div>
290
-
291
- <h3>Floating Label</h3>
292
- <p>Requires Javascript to fully work, but fails gracefully when not applied.</p>
293
- <div class="grid">
294
- <div class="col-6">
295
- <div class="uniformFloatingLabel">
296
- <label for="example-1">Name</label>
297
- <input type="text" class="pad-more" id="example-1">
298
- </div>
299
- </div>
300
- <div class="col-6">
301
- <pre class=''>&lt;div class=&quot;uniformFloatingLabel&quot;&gt;
302
- &lt;label for=&quot;example-1&quot;&gt;Name&lt;/label&gt;
303
- &lt;input type=&quot;text&quot; class=&quot;pad-more&quot; id=&quot;example-1&quot;&gt;
304
- &lt;/div&gt;</pre>
305
- </div>
306
- </div>
307
-
308
- <h3>Input Group</h3>
309
- <p>Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like uniformInputGroup.</p>
310
- <div class="grid">
311
- <div class="col-6">
312
- <div class="uniformInputGroup">
313
- <span class="label">
314
- <label for="rate">$</label>
315
- </span>
316
- <span class="input">
317
- <input id="rate">
318
- </span>
319
- <span class="units">
320
- <label for="rate">/hour</label>
321
- </span>
322
- </div>
323
- </div>
324
- <div class="col-6">
325
- <pre class=''>&lt;div class=&quot;uniformInputGroup&quot;&gt;
326
- &lt;span class=&quot;label&quot;&gt;
327
- &lt;label for=&quot;rate&quot;&gt;$&lt;/label&gt;
328
- &lt;/span&gt;
329
- &lt;span class=&quot;input&quot;&gt;
330
- &lt;input id=&quot;rate&quot;&gt;
331
- &lt;/span&gt;
332
- &lt;span class=&quot;units&quot;&gt;
333
- &lt;label for=&quot;rate&quot;&gt;/hour&lt;/label&gt;
334
- &lt;/span&gt;
335
- &lt;/div&gt;</pre>
336
- </div>
337
- </div>
338
- <div class="grid">
339
- <div class="col-6">
340
- <div class="uniformInputGroup">
341
- <span class="label">
342
- <label for="car">Car Preference</label>
343
- </span>
344
- <span>
345
- <input id="name" value="Jonathan Doe" disabled>
346
- </span>
347
- </div>
348
- </div>
349
- <div class="col-6">
350
- <pre class=''>&lt;div class=&quot;uniformInputGroup&quot;&gt;
351
- &lt;span class=&quot;label&quot;&gt;
352
- &lt;label for=&quot;car&quot;&gt;Car Preference&lt;/label&gt;
353
- &lt;/span&gt;
354
- &lt;span class=&quot;input&quot;&gt;
355
- &lt;input id=&quot;name&quot; value=&quot;Jonathan Doe&quot; disabled&gt;
356
- &lt;/span&gt;
357
- &lt;/div&gt;</pre>
358
- </div>
359
- </div>
360
- </div>
361
- </div>
362
- <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
363
- <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
364
- <script
365
- src="https://code.jquery.com/jquery-1.11.3.min.js"
366
- integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
367
- crossorigin="anonymous"></script>
368
- <script src="/site/preview.js"></script>
369
- </body>