uniform-ui 0.6 → 1.0

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 (106) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +27 -0
  3. data/CNAME +1 -0
  4. data/Gemfile +0 -4
  5. data/Gemfile.lock +1 -11
  6. data/README.md +2 -3
  7. data/Rakefile +34 -24
  8. data/index.html +240 -1160
  9. data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
  10. data/preview/buttons.html.erb +62 -0
  11. data/preview/cards.html.erb +23 -0
  12. data/preview/colors.html.erb +22 -0
  13. data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
  14. data/preview/form.html.erb +233 -0
  15. data/preview/grid.html.erb +304 -0
  16. data/preview/helpers.html.erb +225 -0
  17. data/preview/index.html.erb +74 -50
  18. data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
  19. data/preview/layout.html.erb +63 -0
  20. data/preview/loaders.html.erb +83 -0
  21. data/preview/modal.html.erb +1 -0
  22. data/preview/nav.html.erb +77 -0
  23. data/preview/preview.scss +39 -10
  24. data/preview/rows.html.erb +36 -0
  25. data/preview/select.html.erb +1 -0
  26. data/preview/tables.html.erb +1 -0
  27. data/preview/tabs.html.erb +17 -0
  28. data/preview/tiles.html.erb +1 -0
  29. data/preview/tooltip.erb +1 -0
  30. data/site/alerts.html +157 -0
  31. data/site/alerts.html copy +133 -0
  32. data/site/buttons.html +286 -0
  33. data/site/cards.html +177 -0
  34. data/site/colors.html +275 -0
  35. data/site/dropdown.html +157 -0
  36. data/site/dropdown.html copy +141 -0
  37. data/site/form.html +369 -0
  38. data/site/grid.html +716 -0
  39. data/site/helpers.html +1008 -0
  40. data/site/index.html +208 -617
  41. data/site/labels.html +157 -0
  42. data/site/layout.html +313 -0
  43. data/site/loaders.html +233 -0
  44. data/site/modal.html +157 -0
  45. data/site/nav.html +229 -0
  46. data/site/preview.css +1 -1
  47. data/site/preview.js +59 -0
  48. data/site/rows.html +190 -0
  49. data/site/select.html +157 -0
  50. data/site/tables.html +157 -0
  51. data/site/tabs.html +171 -0
  52. data/site/tiles.html +157 -0
  53. data/site/tiles.html copy +109 -0
  54. data/site/tooltip +157 -0
  55. data/site/uniform.css +1 -1
  56. data/uniform.gemspec +2 -8
  57. data/vendor/assets/stylesheets/uniform.scss +4 -4
  58. data/vendor/assets/stylesheets/uniform/base.scss +2 -0
  59. data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
  60. data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
  61. data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
  62. data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
  63. data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
  64. data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
  65. data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
  66. data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
  67. data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
  68. data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
  69. data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
  70. data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
  71. data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
  72. data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
  73. data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
  74. data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
  75. data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
  76. data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
  77. data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
  78. data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
  79. data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
  80. data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
  81. data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
  82. data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
  83. data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
  84. metadata +61 -85
  85. data/preview/_buttons.html.erb +0 -59
  86. data/preview/_cards.html.erb +0 -82
  87. data/preview/_colors.html.erb +0 -12
  88. data/preview/_forms.html.erb +0 -196
  89. data/preview/_grid.html.erb +0 -49
  90. data/preview/_helpers.html.erb +0 -158
  91. data/preview/_inputs.html.erb +0 -93
  92. data/preview/_installation.html.erb +0 -4
  93. data/preview/_lists.html.erb +0 -53
  94. data/preview/_loaders.html.erb +0 -72
  95. data/preview/_nav.html.erb +0 -46
  96. data/preview/_philosophy.html.erb +0 -33
  97. data/preview/_rows.html.erb +0 -35
  98. data/preview/_uniform.html.erb +0 -4
  99. data/site/site/logo.png +0 -0
  100. data/site/site/preview.css +0 -1
  101. data/site/site/uniform.css +0 -1
  102. data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
  103. data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
  104. data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
  105. data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
  106. data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss +0 -142
data/preview/modal.html.erb ADDED
@@ -0,0 +1 @@
1
+ TODO
data/preview/nav.html.erb ADDED
@@ -0,0 +1,77 @@
1
+ <div class="section">
2
+ <h1>Nav</h1>
3
+ <div class="uniformNav margin-bottom">
4
+ <div class="mobile-nav">
5
+ <button type="button">
6
+ <img src="/site/logo.png" height="31" width="137">
7
+ </button>
8
+ </div>
9
+ <div class="non-mobile-nav">
10
+ <div class="nav">
11
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
12
+ <a href="#">Home</a>
13
+ <a href="#">About</a>
14
+ <a href="#">Contact</a>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ <% html_block do %>
19
+ <div class="uniformNav">
20
+ <div class="mobile-nav">
21
+ <button type="button">
22
+ <img src="/site/logo.png" height="31" width="137">
23
+ </button>
24
+ </div>
25
+ <div class="non-mobile-nav">
26
+ <div class="nav">
27
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
28
+ <a href="#">Home</a>
29
+ <a href="#">About</a>
30
+ <a href="#">Contact</a>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ <% end %>
35
+ <br><br>
36
+ <h3>Vertical</h3>
37
+ <div class="grid no-wrap">
38
+ <div class="col-4">
39
+ <div class="uniformNav vertical">
40
+ <div class="mobile-nav">
41
+ <button type="button">
42
+ <img src="/site/logo.png" height="31" width="137">
43
+ </button>
44
+ </div>
45
+ <div class="non-mobile-nav">
46
+ <div class="nav">
47
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
48
+ <a href="#">Home</a>
49
+ <a href="#">About</a>
50
+ <a href="#">Contact</a>
51
+ </div>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ <div class="col-8">
56
+ <% html_block class: "width-100-p" do %>
57
+ <div class="uniformNav vertical">
58
+ <div class="mobile-nav">
59
+ <button type="button">
60
+ <img src="/site/logo.png" height="31" width="137">
61
+ </button>
62
+ </div>
63
+ <div class="non-mobile-nav">
64
+ <div class="nav">
65
+ <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
66
+ <a href="#">Home</a>
67
+ <a href="#">About</a>
68
+ <a href="#">Contact</a>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ <% end %>
73
+ </div>
74
+ </div>
75
+
76
+ <p>//TODO show more options</p>
77
+ </div>
data/preview/preview.scss CHANGED
@@ -2,10 +2,11 @@
2
2
  box-sizing:border-box;
3
3
  }
4
4
  html, body{
5
- font-family: Helvetica, sans-serif;
6
- font-size: 14px;
7
- line-height: 1.42857143;
5
+ background: #ffffff;
6
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;
7
+ line-height: 1.5;
8
8
  }
9
+
9
10
  .section{
10
11
  width:100%;
11
12
  padding: 100px 50px;
@@ -13,8 +14,22 @@ html, body{
13
14
  pre:first-of-type{
14
15
  margin-top:0;
15
16
  }
17
+ h1,
18
+ h2,
19
+ h3,
20
+ h4,
21
+ h5,
22
+ h6{
23
+ margin-top:2em;
24
+ margin-bottom:0.5em;
25
+ &:first-of-type{
26
+ margin-top: 0;
27
+ }
28
+ }
16
29
  }
30
+
17
31
  .side-nav{
32
+ font-size: 1.2em;
18
33
  position:fixed;
19
34
  overflow-y:scroll;
20
35
  width:250px;
@@ -24,9 +39,11 @@ html, body{
24
39
  color: black;
25
40
  }
26
41
  }
42
+
27
43
  .main-content{
28
44
  margin-left:250px;
29
45
  }
46
+
30
47
  .swatch{
31
48
  height:1em;
32
49
  width:4em;
@@ -36,12 +53,24 @@ html, body{
36
53
  vertical-align:middle;
37
54
  }
38
55
 
39
- .table{
40
- width:100%;
41
- td{
42
- padding: 5px;
43
- }
56
+ code{
57
+ background: #ecffb2;
58
+ color: #709239;
44
59
  }
45
- .side-nav{
46
- font-size: 1.2em;
60
+ pre{
61
+ border-radius: 0.25em;
62
+ border: 1px solid #dedede;
63
+ background: #e6e6e6;
64
+ padding: 1em;
65
+ overflow: auto;
66
+ }
67
+
68
+ h1,
69
+ h2,
70
+ h3,
71
+ h4,
72
+ h5,
73
+ h6{
74
+ margin-top:2em;
75
+ margin-bottom:0.5em;
47
76
  }
data/preview/rows.html.erb ADDED
@@ -0,0 +1,36 @@
1
+ <div class="section">
2
+ <h1>Rows</h1>
3
+ <a class="uniformRow grid" href="#rows">
4
+ <span class="col-90-px avatar">
5
+ <img src="https://unsplash.it/63/47/?random" width="63" height="47">
6
+ </span>
7
+ <span class="col-fill">
8
+ John Doe
9
+ <span class="subtle block">ABC Designs</span>
10
+ </span>
11
+ <span class="col">
12
+ Garland, TX
13
+ </span>
14
+ <span class="col pad ">
15
+ Texas Ranger Fan
16
+ </span>
17
+ </a>
18
+ <br><br>
19
+ <% html_block do %>
20
+ <a class="uniformRow grid" href="#rows">
21
+ <span class="col-90-px avatar">
22
+ <img src="https://unsplash.it/63/47/?random" width="63" height="47">
23
+ </span>
24
+ <span class="col-fill">
25
+ John Doe
26
+ <span class="subtle block">ABC Designs</span>
27
+ </span>
28
+ <span class="col">
29
+ Garland, TX
30
+ </span>
31
+ <span class="col">
32
+ Texas Ranger Fan
33
+ </span>
34
+ </a>
35
+ <% end %>
36
+ </div>
data/preview/select.html.erb ADDED
@@ -0,0 +1 @@
1
+ TODO
data/preview/tables.html.erb ADDED
@@ -0,0 +1 @@
1
+ TODO
data/preview/tabs.html.erb ADDED
@@ -0,0 +1,17 @@
1
+ <div class="section">
2
+ <h1>uniformTabs</h1>
3
+ <div class="uniformTabs margin">
4
+ <a>Tab 1</a>
5
+ <a class="active">Tab 2</a>
6
+ <a>Tab 3</a>
7
+ <a>Tab 4</a>
8
+ </div>
9
+ <% html_block do %>
10
+ <div class="uniformTabs">
11
+ <a>Tab 1</a>
12
+ <a class="active">Tab 2</a>
13
+ <a>Tab 3</a>
14
+ <a>Tab 4</a>
15
+ </div>
16
+ <% end %>
17
+ </div>
data/preview/tiles.html.erb ADDED
@@ -0,0 +1 @@
1
+ TODO
data/preview/tooltip.erb ADDED
@@ -0,0 +1 @@
1
+ TODO
data/site/alerts.html ADDED
@@ -0,0 +1,157 @@
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/alerts.html copy ADDED
@@ -0,0 +1,133 @@
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/tiles.html">
66
+ Tiles
67
+
68
+ <span class="uniformLabel yellow">todo</span>
69
+
70
+ </a>
71
+
72
+
73
+ <a href="/site/labels.html">
74
+ Labels
75
+
76
+ <span class="uniformLabel yellow">todo</span>
77
+
78
+ </a>
79
+
80
+
81
+ <a href="/site/alerts.html">
82
+ Alerts
83
+
84
+ <span class="uniformLabel yellow">todo</span>
85
+
86
+ </a>
87
+
88
+
89
+ <a href="/site/dropdown.html">
90
+ Dropdown
91
+
92
+ <span class="uniformLabel yellow">todo</span>
93
+
94
+ </a>
95
+
96
+
97
+ <a href="/site/form.html">
98
+ Form
99
+
100
+ </a>
101
+
102
+
103
+ <a href="/site/loaders.html">
104
+ Loaders
105
+
106
+ </a>
107
+
108
+
109
+ <a href="/site/nav.html">
110
+ Nav
111
+
112
+ </a>
113
+
114
+
115
+ <a href="/site/tabs.html">
116
+ Tabs
117
+
118
+ </a>
119
+
120
+ </div>
121
+ </div>
122
+ </div>
123
+ <div class="main-content overflow-hidden">
124
+ TODO
125
+ </div>
126
+ <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
127
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
128
+ <script
129
+ src="https://code.jquery.com/jquery-1.11.3.min.js"
130
+ integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
131
+ crossorigin="anonymous"></script>
132
+ <script src="/site/preview.js"></script>
133
+ </body>