RubyGems - uniform-ui - Versions diffs - 0.6 → 1.0 - Mend

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

checksums.yaml +4 -4
data/CHANGELOG.md +27 -0
data/CNAME +1 -0
data/Gemfile +0 -4
data/Gemfile.lock +1 -11
data/README.md +2 -3
data/Rakefile +34 -24
data/index.html +240 -1160
data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
data/preview/buttons.html.erb +62 -0
data/preview/cards.html.erb +23 -0
data/preview/colors.html.erb +22 -0
data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
data/preview/form.html.erb +233 -0
data/preview/grid.html.erb +304 -0
data/preview/helpers.html.erb +225 -0
data/preview/index.html.erb +74 -50
data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
data/preview/layout.html.erb +63 -0
data/preview/loaders.html.erb +83 -0
data/preview/modal.html.erb +1 -0
data/preview/nav.html.erb +77 -0
data/preview/preview.scss +39 -10
data/preview/rows.html.erb +36 -0
data/preview/select.html.erb +1 -0
data/preview/tables.html.erb +1 -0
data/preview/tabs.html.erb +17 -0
data/preview/tiles.html.erb +1 -0
data/preview/tooltip.erb +1 -0
data/site/alerts.html +157 -0
data/site/alerts.html copy +133 -0
data/site/buttons.html +286 -0
data/site/cards.html +177 -0
data/site/colors.html +275 -0
data/site/dropdown.html +157 -0
data/site/dropdown.html copy +141 -0
data/site/form.html +369 -0
data/site/grid.html +716 -0
data/site/helpers.html +1008 -0
data/site/index.html +208 -617
data/site/labels.html +157 -0
data/site/layout.html +313 -0
data/site/loaders.html +233 -0
data/site/modal.html +157 -0
data/site/nav.html +229 -0
data/site/preview.css +1 -1
data/site/preview.js +59 -0
data/site/rows.html +190 -0
data/site/select.html +157 -0
data/site/tables.html +157 -0
data/site/tabs.html +171 -0
data/site/tiles.html +157 -0
data/site/tiles.html copy +109 -0
data/site/tooltip +157 -0
data/site/uniform.css +1 -1
data/uniform.gemspec +2 -8
data/vendor/assets/stylesheets/uniform.scss +4 -4
data/vendor/assets/stylesheets/uniform/base.scss +2 -0
data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
metadata +61 -85
data/preview/_buttons.html.erb +0 -59
data/preview/_cards.html.erb +0 -82
data/preview/_colors.html.erb +0 -12
data/preview/_forms.html.erb +0 -196
data/preview/_grid.html.erb +0 -49
data/preview/_helpers.html.erb +0 -158
data/preview/_inputs.html.erb +0 -93
data/preview/_installation.html.erb +0 -4
data/preview/_lists.html.erb +0 -53
data/preview/_loaders.html.erb +0 -72
data/preview/_nav.html.erb +0 -46
data/preview/_philosophy.html.erb +0 -33
data/preview/_rows.html.erb +0 -35
data/preview/_uniform.html.erb +0 -4
data/site/site/logo.png +0 -0
data/site/site/preview.css +0 -1
data/site/site/uniform.css +0 -1
data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss +0 -142

data/site/loaders.html ADDED Viewed

@@ -0,0 +1,233 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Uniform</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css" type="text/css" media="screen">
+    <link rel="stylesheet" href="/site/uniform.css" type="text/css" media="screen" title="no title" charset="utf-8">
+    <link rel="stylesheet" href="/site/preview.css" type="text/css" media="screen" charset="utf-8">
+</head>
+<body>
+<div class="side-nav">
+    <div class="pad">
+        <a href="/">
+        <img src="/site/logo.png" class="block">
+        </a>
+    </div>
+    <div class="uniformNav vertical">
+        <div class="nav">
+                <a href="/site/helpers.html">
+                    Helpers
+                </a>
+                <a href="/site/colors.html">
+                    Colors
+                </a>
+                <a href="/site/grid.html">
+                    Grid
+                </a>
+                <a href="/site/buttons.html">
+                    Buttons
+                </a>
+                <a href="/site/tables.html">
+                    Tables
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/cards.html">
+                    Cards
+                </a>
+                <a href="/site/rows.html">
+                    Rows
+                </a>
+                <a href="/site/form.html">
+                    Form
+                </a>
+                <a href="/site/loaders.html">
+                    Loaders
+                </a>
+                <a href="/site/nav.html">
+                    Nav
+                </a>
+                <a href="/site/tabs.html">
+                    Tabs
+                </a>
+                <a href="/site/tiles.html">
+                    Tiles
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/labels.html">
+                    Labels
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/alerts.html">
+                    Alerts
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/dropdown.html">
+                    Dropdown
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/modal.html">
+                    Modal
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/select.html">
+                    Select
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/tooltip.html">
+                    Tooltip
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+        </div>
+    </div>
+</div>
+<div class="main-content overflow-hidden">
+    <div class="section">
+    <h1>Loaders</h1>
+    <div class="grid">
+        <div class="col-6">
+            <div class="uniform-loader">
+                <div class="uniform-loader-container">
+                    <span>&bull;</span>
+                    <span>&bull;</span>
+                    <span>&bull;</span>
+                </div>
+            </div>
+        </div>
+        <div class="col-6">
+            <pre class=''>&lt;div class=&quot;uniform-loader&quot;&gt;
+    &lt;div class=&quot;uniform-loader-container&quot;&gt;
+        &lt;span&gt;&amp;bull;&lt;/span&gt;
+        &lt;span&gt;&amp;bull;&lt;/span&gt;
+        &lt;span&gt;&amp;bull;&lt;/span&gt;
+    &lt;/div&gt;
+&lt;/div&gt;</pre>
+        </div>
+    </div>
+    <div class="grid">
+        <div class="col-6">
+            <code>.cover</code><br>
+            <span style="position:relative; display:inline-block">
+                <img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
+                <div class="uniform-loader cover">
+                    <div class="uniform-loader-container">
+                        <span>&bull;</span>
+                        <span>&bull;</span>
+                        <span>&bull;</span>
+                    </div>
+                </div>
+            </span>
+        </div>
+        <div class="col-6">
+            <pre class=''>&lt;span style=&quot;position:relative; display:inline-block&quot;&gt;
+    &lt;img src=&quot;https://unsplash.it/150/100/?random&quot; style=&quot;display:block;&quot;&gt;
+    &lt;div class=&quot;uniform-loader cover&quot;&gt;
+        &lt;div class=&quot;uniform-loader-container&quot;&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/span&gt;</pre>
+        </div>
+    </div>
+    <div class="grid">
+        <div class="col-6">
+            <code>.cover.light</code><br>
+            <span style="position:relative; display:inline-block">
+                <img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
+                <div class="uniform-loader cover light">
+                    <div class="uniform-loader-container">
+                        <span>&bull;</span>
+                        <span>&bull;</span>
+                        <span>&bull;</span>
+                    </div>
+                </div>
+            </span>
+        </div>
+        <div class="col-6">
+            <pre class=''>&lt;span style=&quot;position:relative; display:inline-block&quot;&gt;
+    &lt;img src=&quot;https://unsplash.it/150/100/?random&quot; style=&quot;display:block;&quot;&gt;
+    &lt;div class=&quot;uniform-loader cover light&quot;&gt;
+        &lt;div class=&quot;uniform-loader-container&quot;&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+            &lt;span&gt;&amp;bull;&lt;/span&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/span&gt;</pre>
+        </div>
+    </div>
+</div>
+</div>
+<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+<script
+  src="https://code.jquery.com/jquery-1.11.3.min.js"
+  integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
+  crossorigin="anonymous"></script>
+<script src="/site/preview.js"></script>
+</body>

data/site/modal.html ADDED Viewed

@@ -0,0 +1,157 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Uniform</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css" type="text/css" media="screen">
+    <link rel="stylesheet" href="/site/uniform.css" type="text/css" media="screen" title="no title" charset="utf-8">
+    <link rel="stylesheet" href="/site/preview.css" type="text/css" media="screen" charset="utf-8">
+</head>
+<body>
+<div class="side-nav">
+    <div class="pad">
+        <a href="/">
+        <img src="/site/logo.png" class="block">
+        </a>
+    </div>
+    <div class="uniformNav vertical">
+        <div class="nav">
+                <a href="/site/helpers.html">
+                    Helpers
+                </a>
+                <a href="/site/colors.html">
+                    Colors
+                </a>
+                <a href="/site/grid.html">
+                    Grid
+                </a>
+                <a href="/site/buttons.html">
+                    Buttons
+                </a>
+                <a href="/site/tables.html">
+                    Tables
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/cards.html">
+                    Cards
+                </a>
+                <a href="/site/rows.html">
+                    Rows
+                </a>
+                <a href="/site/form.html">
+                    Form
+                </a>
+                <a href="/site/loaders.html">
+                    Loaders
+                </a>
+                <a href="/site/nav.html">
+                    Nav
+                </a>
+                <a href="/site/tabs.html">
+                    Tabs
+                </a>
+                <a href="/site/tiles.html">
+                    Tiles
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/labels.html">
+                    Labels
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/alerts.html">
+                    Alerts
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/dropdown.html">
+                    Dropdown
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/modal.html">
+                    Modal
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/select.html">
+                    Select
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/tooltip.html">
+                    Tooltip
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+        </div>
+    </div>
+</div>
+<div class="main-content overflow-hidden">
+    TODO
+</div>
+<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+<script
+  src="https://code.jquery.com/jquery-1.11.3.min.js"
+  integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
+  crossorigin="anonymous"></script>
+<script src="/site/preview.js"></script>
+</body>

data/site/nav.html ADDED Viewed

@@ -0,0 +1,229 @@
+<!DOCTYPE html>
+<head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+    <title>Uniform</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.css" type="text/css" media="screen">
+    <link rel="stylesheet" href="/site/uniform.css" type="text/css" media="screen" title="no title" charset="utf-8">
+    <link rel="stylesheet" href="/site/preview.css" type="text/css" media="screen" charset="utf-8">
+</head>
+<body>
+<div class="side-nav">
+    <div class="pad">
+        <a href="/">
+        <img src="/site/logo.png" class="block">
+        </a>
+    </div>
+    <div class="uniformNav vertical">
+        <div class="nav">
+                <a href="/site/helpers.html">
+                    Helpers
+                </a>
+                <a href="/site/colors.html">
+                    Colors
+                </a>
+                <a href="/site/grid.html">
+                    Grid
+                </a>
+                <a href="/site/buttons.html">
+                    Buttons
+                </a>
+                <a href="/site/tables.html">
+                    Tables
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/cards.html">
+                    Cards
+                </a>
+                <a href="/site/rows.html">
+                    Rows
+                </a>
+                <a href="/site/form.html">
+                    Form
+                </a>
+                <a href="/site/loaders.html">
+                    Loaders
+                </a>
+                <a href="/site/nav.html">
+                    Nav
+                </a>
+                <a href="/site/tabs.html">
+                    Tabs
+                </a>
+                <a href="/site/tiles.html">
+                    Tiles
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/labels.html">
+                    Labels
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/alerts.html">
+                    Alerts
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/dropdown.html">
+                    Dropdown
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/modal.html">
+                    Modal
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/select.html">
+                    Select
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+                <a href="/site/tooltip.html">
+                    Tooltip
+                        <span class="uniformLabel yellow">todo</span>
+                </a>
+        </div>
+    </div>
+</div>
+<div class="main-content overflow-hidden">
+    <div class="section">
+    <h1>Nav</h1>
+    <div class="uniformNav margin-bottom">
+        <div class="mobile-nav">
+            <button type="button">
+                <img src="/site/logo.png" height="31" width="137">
+            </button>
+        </div>
+        <div class="non-mobile-nav">
+            <div class="nav">
+                <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
+                <a href="#">Home</a>
+                <a href="#">About</a>
+                <a href="#">Contact</a>
+            </div>
+        </div>
+    </div>
+    <pre class=''>&lt;div class=&quot;uniformNav&quot;&gt;
+    &lt;div class=&quot;mobile-nav&quot;&gt;
+        &lt;button type=&quot;button&quot;&gt;
+            &lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;non-mobile-nav&quot;&gt;
+        &lt;div class=&quot;nav&quot;&gt;
+            &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;
+            &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
+            &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
+            &lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;</pre>
+    <br><br>
+    <h3>Vertical</h3>
+    <div class="grid no-wrap">
+        <div class="col-4">
+            <div class="uniformNav vertical">
+                <div class="mobile-nav">
+                    <button type="button">
+                        <img src="/site/logo.png" height="31" width="137">
+                    </button>
+                </div>
+                <div class="non-mobile-nav">
+                    <div class="nav">
+                        <a href="#" class="pad-none pad-right"><img src="/site/logo.png" height="31" width="137"></a>
+                        <a href="#">Home</a>
+                        <a href="#">About</a>
+                        <a href="#">Contact</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-8">
+            <pre class='width-100-p'>&lt;div class=&quot;uniformNav vertical&quot;&gt;
+    &lt;div class=&quot;mobile-nav&quot;&gt;
+        &lt;button type=&quot;button&quot;&gt;
+            &lt;img src=&quot;/site/logo.png&quot; height=&quot;31&quot; width=&quot;137&quot;&gt;
+        &lt;/button&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;non-mobile-nav&quot;&gt;
+        &lt;div class=&quot;nav&quot;&gt;
+            &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;
+            &lt;a href=&quot;#&quot;&gt;Home&lt;/a&gt;
+            &lt;a href=&quot;#&quot;&gt;About&lt;/a&gt;
+            &lt;a href=&quot;#&quot;&gt;Contact&lt;/a&gt;
+        &lt;/div&gt;
+    &lt;/div&gt;
+&lt;/div&gt;</pre>
+        </div>
+    </div>
+    <p>//TODO show more options</p>
+</div>
+</div>
+<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+<script
+  src="https://code.jquery.com/jquery-1.11.3.min.js"
+  integrity="sha256-7LkWEzqTdpEfELxcZZlS6wAx5Ff13zZ83lYO2/ujj7g="
+  crossorigin="anonymous"></script>
+<script src="/site/preview.js"></script>
+</body>