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

uniform-ui 0.6 → 1.0

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>