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/modal.html DELETED
@@ -1,157 +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
- TODO
149
- </div>
150
- <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
151
- <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
152
- <script
153
- src="https://code.jquery.com/jquery-1.11.3.min.js"
154
- integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
155
- crossorigin="anonymous"></script>
156
- <script src="/site/preview.js"></script>
157
- </body>
data/site/nav.html DELETED
@@ -1,229 +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>Nav</h1>
150
- <div class="uniformNav margin-bottom">
151
- <div class="mobile-nav">
152
- <button type="button">
153
- <img src="/site/logo.png" height="31" width="137">
154
- </button>
155
- </div>
156
- <div class="non-mobile-nav">
157
- <div class="nav">
158
- <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
159
- <a href="#">Home</a>
160
- <a href="#">About</a>
161
- <a href="#">Contact</a>
162
- </div>
163
- </div>
164
- </div>
165
- <pre class=''>&lt;div class=&quot;uniformNav&quot;&gt;
166
- &lt;div class=&quot;mobile-nav&quot;&gt;
167
- &lt;button type=&quot;button&quot;&gt;
168
- &lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;
169
- &lt;/button&gt;
170
- &lt;/div&gt;
171
- &lt;div class=&quot;non-mobile-nav&quot;&gt;
172
- &lt;div class=&quot;nav&quot;&gt;
173
- &lt;a href=&quot;#&quot; class=&quot;pad-none pad-right&quot;&gt;&lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;&lt;/a&gt;
174
- &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
175
- &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
176
- &lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;
177
- &lt;/div&gt;
178
- &lt;/div&gt;
179
- &lt;/div&gt;</pre>
180
- <br><br>
181
- <h3>Vertical</h3>
182
- <div class="grid no-wrap">
183
- <div class="col-4">
184
- <div class="uniformNav vertical">
185
- <div class="mobile-nav">
186
- <button type="button">
187
- <img src="/site/logo.png" height="31" width="137">
188
- </button>
189
- </div>
190
- <div class="non-mobile-nav">
191
- <div class="nav">
192
- <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
193
- <a href="#">Home</a>
194
- <a href="#">About</a>
195
- <a href="#">Contact</a>
196
- </div>
197
- </div>
198
- </div>
199
- </div>
200
- <div class="col-8">
201
- <pre class='width-100-p'>&lt;div class=&quot;uniformNav vertical&quot;&gt;
202
- &lt;div class=&quot;mobile-nav&quot;&gt;
203
- &lt;button type=&quot;button&quot;&gt;
204
- &lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;
205
- &lt;/button&gt;
206
- &lt;/div&gt;
207
- &lt;div class=&quot;non-mobile-nav&quot;&gt;
208
- &lt;div class=&quot;nav&quot;&gt;
209
- &lt;a href=&quot;#&quot; class=&quot;pad-none pad-right&quot;&gt;&lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;&lt;/a&gt;
210
- &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
211
- &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
212
- &lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;
213
- &lt;/div&gt;
214
- &lt;/div&gt;
215
- &lt;/div&gt;</pre>
216
- </div>
217
- </div>
218
-
219
- <p>//TODO show more options</p>
220
- </div>
221
- </div>
222
- <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
223
- <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
224
- <script
225
- src="https://code.jquery.com/jquery-1.11.3.min.js"
226
- integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
227
- crossorigin="anonymous"></script>
228
- <script src="/site/preview.js"></script>
229
- </body>
data/site/preview.css DELETED
@@ -1 +0,0 @@
1
- *{box-sizing:border-box}html,body{background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;line-height:1.5}.section{width:100%;padding:100px 50px;border-bottom:1px solid #cccccc}.section pre:first-of-type{margin-top:0}.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{margin-top:2em;margin-bottom:0.5em}.section h1:first-of-type,.section h2:first-of-type,.section h3:first-of-type,.section h4:first-of-type,.section h5:first-of-type,.section h6:first-of-type{margin-top:0}.side-nav{font-size:1.2em;position:fixed;overflow-y:scroll;width:250px;height:100%;border-right:1px solid #cccccc}.side-nav a{color:black}.main-content{margin-left:250px}.swatch{height:1em;width:4em;margin-right:5px;background:gray;display:inline-block;vertical-align:middle}code{background:#ecffb2;color:#709239}pre{border-radius:0.25em;border:1px solid #dedede;background:#e6e6e6;padding:1em;overflow:auto}h1,h2,h3,h4,h5,h6{margin-top:2em;margin-bottom:0.5em}
data/site/preview.js DELETED
@@ -1,59 +0,0 @@
1
- $(document).ready(function(){
2
- $('body').find('.uniformFloatingLabel').each(function(){
3
- var el = $(this);
4
- var label = el.find('label');
5
- var input = $("#" + label.prop('for'));
6
- var startingHeight;
7
-
8
- function render(e) {
9
- if(!input.is(":visible")) return;
10
- if(el.hasClass('enabled')) return;
11
-
12
- var padding = parseInt(input.css('paddingBottom'));
13
- startingHeight = input.outerHeight();
14
- el.addClass('enabled');
15
- el.addClass('inactive');
16
-
17
- input.css({
18
- paddingTop: padding + padding/2 + "px",
19
- paddingBottom: padding - padding/2 - 2 + "px"
20
- })
21
-
22
- label.css({
23
- position: 'absolute',
24
- top: 0,
25
- left: label.position().left,
26
- paddingLeft: input.css("paddingLeft"),
27
- height: startingHeight,
28
- lineHeight: startingHeight + "px"
29
- })
30
- }
31
-
32
- function activate (e) {
33
- if (typeof e !== "undefined") el.addClass('active');
34
- if (el.hasClass('float')) return;
35
- el.addClass('float');
36
- el.removeClass('inactive');
37
- label.css({
38
- lineHeight: startingHeight / 2 + "px"
39
- });
40
- }
41
-
42
- function deactivate (e) {
43
- if (typeof e !== "undefined") el.removeClass('active');
44
- if (input.val() != "") return;
45
- el.removeClass('float');
46
- el.addClass('inactive');
47
- label.css({
48
- lineHeight: startingHeight + "px"
49
- })
50
- }
51
-
52
- render();
53
- input.focus(activate);
54
- input.blur(deactivate);
55
- input.on('revealed', render);
56
- if (!_.isUndefined(input.val()) && input.val() != "") activate();
57
- if (input.is(":focus")) activate();
58
- })
59
- })
data/site/rows.html DELETED
@@ -1,190 +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>Rows</h1>
150
- <a class="uniformRow grid" href="#rows">
151
- <span class="col-90-px avatar">
152
- <img src="https://unsplash.it/63/47/?random" width="63" height="47">
153
- </span>
154
- <span class="col-fill">
155
- John Doe
156
- <span class="subtle block">ABC Designs</span>
157
- </span>
158
- <span class="col">
159
- Garland, TX
160
- </span>
161
- <span class="col pad ">
162
- Texas Ranger Fan
163
- </span>
164
- </a>
165
- <br><br>
166
- <pre class=''>&lt;a class=&quot;uniformRow grid&quot; href=&quot;#rows&quot;&gt;
167
- &lt;span class=&quot;col-90-px avatar&quot;&gt;
168
- &lt;img src=&quot;https://unsplash.it/63/47/?random&quot; width=&quot;63&quot; height=&quot;47&quot;&gt;
169
- &lt;/span&gt;
170
- &lt;span class=&quot;col-fill&quot;&gt;
171
- John Doe
172
- &lt;span class=&quot;subtle block&quot;&gt;ABC Designs&lt;/span&gt;
173
- &lt;/span&gt;
174
- &lt;span class=&quot;col&quot;&gt;
175
- Garland, TX
176
- &lt;/span&gt;
177
- &lt;span class=&quot;col&quot;&gt;
178
- Texas Ranger Fan
179
- &lt;/span&gt;
180
- &lt;/a&gt;</pre>
181
- </div>
182
- </div>
183
- <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
184
- <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
185
- <script
186
- src="https://code.jquery.com/jquery-1.11.3.min.js"
187
- integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
188
- crossorigin="anonymous"></script>
189
- <script src="/site/preview.js"></script>
190
- </body>