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

@@ -0,0 +1,286 @@
+<!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>Buttons</h1>
+    <p>Mix and match styles to make the right button, all colors are available as well.</p>
+    <p><code>&lt;a href=&#39;#&#39; class=&#39;uniformButton&#39;&gt;&lt;/a&gt;</code></p>
+    <table class="uniformTable" cellspacing="0" cellpadding="0">
+        <tr>
+            <th></th>
+            <th>Normal</th>
+            <th><code>.green</code></th>
+            <th><code>.blue</code></th>
+            <th><code>.red</code></th>
+            <th><code>.white</code></th>
+            <th><code>.gray</code></th>
+        </tr>
+        <tr>
+            <th></th>
+            <td><a class="uniformButton">Button</a></td>
+            <td><a class="uniformButton green">Button</a></td>
+            <td><a class="uniformButton blue">Button</a></td>
+            <td><a class="uniformButton red">Button</a></td>
+            <td><a class="uniformButton white">Button</a></td>
+            <td><a class="uniformButton gray">Button</a></td>
+        </tr>
+            <tr>
+                <th><code>.hover, :hover</code></th>
+                <td><a class="uniformButton hover">Button</a></td>
+                <td><a class="uniformButton green hover">Button</a></td>
+                <td><a class="uniformButton blue hover">Button</a></td>
+                <td><a class="uniformButton red hover">Button</a></td>
+                <td><a class="uniformButton white hover">Button</a></td>
+                <td><a class="uniformButton gray hover">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.active, :active</code></th>
+                <td><a class="uniformButton active">Button</a></td>
+                <td><a class="uniformButton green active">Button</a></td>
+                <td><a class="uniformButton blue active">Button</a></td>
+                <td><a class="uniformButton red active">Button</a></td>
+                <td><a class="uniformButton white active">Button</a></td>
+                <td><a class="uniformButton gray active">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.disabled, :disabled</code></th>
+                <td><a class="uniformButton disabled">Button</a></td>
+                <td><a class="uniformButton green disabled">Button</a></td>
+                <td><a class="uniformButton blue disabled">Button</a></td>
+                <td><a class="uniformButton red disabled">Button</a></td>
+                <td><a class="uniformButton white disabled">Button</a></td>
+                <td><a class="uniformButton gray disabled">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.small</code></th>
+                <td><a class="uniformButton small">Button</a></td>
+                <td><a class="uniformButton green small">Button</a></td>
+                <td><a class="uniformButton blue small">Button</a></td>
+                <td><a class="uniformButton red small">Button</a></td>
+                <td><a class="uniformButton white small">Button</a></td>
+                <td><a class="uniformButton gray small">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.large</code></th>
+                <td><a class="uniformButton large">Button</a></td>
+                <td><a class="uniformButton green large">Button</a></td>
+                <td><a class="uniformButton blue large">Button</a></td>
+                <td><a class="uniformButton red large">Button</a></td>
+                <td><a class="uniformButton white large">Button</a></td>
+                <td><a class="uniformButton gray large">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.warn</code></th>
+                <td><a class="uniformButton warn">Button</a></td>
+                <td><a class="uniformButton green warn">Button</a></td>
+                <td><a class="uniformButton blue warn">Button</a></td>
+                <td><a class="uniformButton red warn">Button</a></td>
+                <td><a class="uniformButton white warn">Button</a></td>
+                <td><a class="uniformButton gray warn">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.block</code></th>
+                <td><a class="uniformButton block">Button</a></td>
+                <td><a class="uniformButton green block">Button</a></td>
+                <td><a class="uniformButton blue block">Button</a></td>
+                <td><a class="uniformButton red block">Button</a></td>
+                <td><a class="uniformButton white block">Button</a></td>
+                <td><a class="uniformButton gray block">Button</a></td>
+            </tr>
+            <tr>
+                <th><code>.outline</code></th>
+                <td><a class="uniformButton outline">Button</a></td>
+                <td><a class="uniformButton green outline">Button</a></td>
+                <td><a class="uniformButton blue outline">Button</a></td>
+                <td><a class="uniformButton red outline">Button</a></td>
+                <td><a class="uniformButton white outline">Button</a></td>
+                <td><a class="uniformButton gray outline">Button</a></td>
+            </tr>
+        <tr>
+            <th><code>.outline</code></th>
+            <td class="bg-gray"><a class="uniformButton outline">Button</a></td>
+            <td class="bg-gray"><a class="uniformButton green outline">Button</a></td>
+            <td class="bg-gray"><a class="uniformButton blue outline">Button</a></td>
+            <td class="bg-gray"><a class="uniformButton red outline">Button</a></td>
+            <td class="bg-gray"><a class="uniformButton white outline">Button</a></td>
+            <td class="bg-gray"><a class="uniformButton gray outline">Button</a></td>
+        </tr>
+    </table>
+    <h3 class="margin-top-more">uniformButtonGroup</h3>
+    <div class="uniformButtonGroup">
+        <a href="#">Link 1</a>
+        <a href="#">Link 2</a>
+        <a href="#">Link 3</a>
+    </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/cards.html ADDED Viewed

@@ -0,0 +1,177 @@
+<!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>Cards</h1>
+    <div class="grid">
+        <div class="col-6">
+            <div class="uniformCard">
+                <div class="uniformCard-header">
+                    <span class="title">Sample Card</span>
+                </div>
+                <div class="uniformCard-body">Put Content In Here</div>
+            </div>
+        </div>
+        <div class="col-6">
+            <pre class=''>&lt;div class=&quot;uniformCard&quot;&gt;
+    &lt;div class=&quot;uniformCard-header&quot;&gt;
+        &lt;span class=&quot;title&quot;&gt;Sample Card&lt;/span&gt;
+    &lt;/div&gt;
+    &lt;div class=&quot;uniformCard-body&quot;&gt;Put Content In Here&lt;/div&gt;
+&lt;/div&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>