uniform-ui 1.0 → 2.2.1

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