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/colors.html ADDED Viewed

@@ -0,0 +1,275 @@
+<!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>Colors</h1>
+    <table class="uniformTable">
+        <thead class="dark">
+            <tr>
+                <th></th>
+                <th>sass</th>
+                <th>class</th>
+            </tr>
+        </thead>
+            <tr>
+                <td><span class='swatch bg-green-light'></span></td>
+                <td><code>$green-light</code></td>
+                <td><code>.green-light</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-green'></span></td>
+                <td><code>$green</code></td>
+                <td><code>.green</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-green-dark'></span></td>
+                <td><code>$green-dark</code></td>
+                <td><code>.green-dark</code></td>
+            </tr>
+        <tr><td colspan='3'>&nbsp;</td></tr>
+            <tr>
+                <td><span class='swatch bg-blue-light'></span></td>
+                <td><code>$blue-light</code></td>
+                <td><code>.blue-light</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-blue'></span></td>
+                <td><code>$blue</code></td>
+                <td><code>.blue</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-blue-dark'></span></td>
+                <td><code>$blue-dark</code></td>
+                <td><code>.blue-dark</code></td>
+            </tr>
+        <tr><td colspan='3'>&nbsp;</td></tr>
+            <tr>
+                <td><span class='swatch bg-red-light'></span></td>
+                <td><code>$red-light</code></td>
+                <td><code>.red-light</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-red'></span></td>
+                <td><code>$red</code></td>
+                <td><code>.red</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-red-dark'></span></td>
+                <td><code>$red-dark</code></td>
+                <td><code>.red-dark</code></td>
+            </tr>
+        <tr><td colspan='3'>&nbsp;</td></tr>
+            <tr>
+                <td><span class='swatch bg-gray-light'></span></td>
+                <td><code>$gray-light</code></td>
+                <td><code>.gray-light</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-gray'></span></td>
+                <td><code>$gray</code></td>
+                <td><code>.gray</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-gray-dark'></span></td>
+                <td><code>$gray-dark</code></td>
+                <td><code>.gray-dark</code></td>
+            </tr>
+        <tr><td colspan='3'>&nbsp;</td></tr>
+            <tr>
+                <td><span class='swatch bg-yellow-light'></span></td>
+                <td><code>$yellow-light</code></td>
+                <td><code>.yellow-light</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-yellow'></span></td>
+                <td><code>$yellow</code></td>
+                <td><code>.yellow</code></td>
+            </tr>
+            <tr>
+                <td><span class='swatch bg-yellow-dark'></span></td>
+                <td><code>$yellow-dark</code></td>
+                <td><code>.yellow-dark</code></td>
+            </tr>
+        <tr><td colspan='3'>&nbsp;</td></tr>
+    </table>
+</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/dropdown.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/dropdown.html copy ADDED Viewed

@@ -0,0 +1,141 @@
+<!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/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/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>
+        </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>