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/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>