RubyGems - jekyll-uikit - Versions diffs - 0.1.5 → 0.1.7 - Mend

jekyll-uikit 0.1.5 → 0.1.7

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 (668) hide show

data/assets/node_modules/uikit/tests/dropdown.html ADDED

@@ -0,0 +1,434 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Dropdown - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+        <style type="text/css">
+            .test {
+                display: block;
+                position: relative;
+                width: 100%;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="uk-container">
+            <h1>Dropdown</h1>
+            <div uk-grid>
+                <div class="uk-width-1-3@m">
+                    <div class="uk-dropdown test">
+                        <ul class="uk-nav uk-dropdown-nav">
+                            <li class="uk-active"><a href="#">Active</a></li>
+                            <li class="uk-parent">
+                                <a href="#">Parent</a>
+                                <ul class="uk-nav-sub">
+                                    <li><a href="#">Sub item</a></li>
+                                    <li><a href="#">Sub item</a>
+                                        <ul>
+                                            <li><a href="#">Sub item</a></li>
+                                            <li><a href="#">Sub item</a></li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </li>
+                            <li class="uk-parent">
+                                <a href="#">Parent</a>
+                                <ul class="uk-nav-sub">
+                                    <li><a href="#">Sub item</a></li>
+                                    <li><a href="#">Sub item</a></li>
+                                </ul>
+                            </li>
+                            <li class="uk-nav-header">Header</li>
+                            <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
+                            <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
+                            <li class="uk-nav-divider"></li>
+                            <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="uk-width-2-3@m">
+                    <div class="uk-margin" uk-margin>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Hover</button>
+                            <div uk-dropdown>
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li class="uk-parent">
+                                        <a href="#">Parent</a>
+                                        <ul class="uk-nav-sub">
+                                            <li><a href="#">Sub item</a></li>
+                                            <li><a href="#">Sub item</a></li>
+                                        </ul>
+                                    </li>
+                                    <li class="uk-nav-header">Header</li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
+                                    <li class="uk-nav-divider"></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Click</button>
+                            <div uk-dropdown="mode: click">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li class="uk-parent">
+                                        <a href="#">Parent</a>
+                                        <ul class="uk-nav-sub">
+                                            <li><a href="#">Sub item</a></li>
+                                            <li><a href="#">Sub item</a></li>
+                                        </ul>
+                                    </li>
+                                    <li class="uk-nav-header">Header</li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
+                                    <li class="uk-nav-divider"></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button" disabled>Disabled</button>
+                            <div uk-dropdown="mode: click">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Scrollable</button>
+                            <div class="uk-overflow-auto uk-height-medium" uk-dropdown>
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li class="uk-parent">
+                                        <a href="#">Parent</a>
+                                        <ul class="uk-nav-sub">
+                                            <li><a href="#">Sub item</a></li>
+                                            <li><a href="#">Sub item</a></li>
+                                        </ul>
+                                    </li>
+                                    <li class="uk-nav-header">Header</li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
+                                    <li class="uk-nav-divider"></li>
+                                    <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Hover only</button>
+                            <div uk-dropdown="mode: hover; delay-hide: 0">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button" uk-toggle="target: ~div; mode: click,hover">Same</button>
+                            <button class="uk-button uk-button-default" type="button" uk-toggle="target: ~div; mode: click,hover">Same</button>
+                            <button class="uk-button uk-button-default" type="button">Target</button>
+                            <div uk-dropdown>
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <h2>Position</h2>
+                    <div class="uk-margin" uk-margin>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Bottom Left</button>
+                            <div uk-dropdown>
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Bottom Center</button>
+                            <div uk-dropdown="pos: bottom-center">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Bottom Right</button>
+                            <div uk-dropdown="pos: bottom-right">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Bottom Justify</button>
+                            <div uk-dropdown="pos: bottom-justify">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="uk-margin" uk-margin>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Top Left</button>
+                            <div uk-dropdown="pos: top-left">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Top Center</button>
+                            <div uk-dropdown="pos: top-center">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Top Right</button>
+                            <div uk-dropdown="pos: top-right">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Top Justify</button>
+                            <div uk-dropdown="pos: top-justify">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="uk-margin" uk-margin>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Left Top</button>
+                            <div uk-dropdown="pos: left-top">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Left Center</button>
+                            <div uk-dropdown="pos: left-center">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Left Bottom</button>
+                            <div uk-dropdown="pos: left-bottom">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="uk-margin" uk-margin>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Right Top</button>
+                            <div uk-dropdown="pos: right-top">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Right Center</button>
+                            <div uk-dropdown="pos: right-center">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="uk-inline">
+                            <button class="uk-button uk-button-default" type="button">Right Bottom</button>
+                            <div uk-dropdown="pos: right-bottom">
+                                <ul class="uk-nav uk-dropdown-nav">
+                                    <li class="uk-active"><a href="#">Active</a></li>
+                                    <li><a href="#">Item</a></li>
+                                    <li><a href="#">Item</a></li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <h2>Javascript Options</h2>
+            <div class="uk-overflow-auto">
+                <table class="uk-table uk-table-striped">
+                    <thead>
+                        <tr>
+                            <th>Option</th>
+                            <th>Value</th>
+                            <th>Default</th>
+                            <th>Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td><code>toggle</code></td>
+                            <td>CSS selector | Boolean</td>
+                            <td>true</td>
+                            <td>By default the previous element will be used as toggled.</td>
+                        </tr>
+                        <tr>
+                            <td><code>pos</code></td>
+                            <td>String</td>
+                            <td>'bottom-left'</td>
+                            <td>Dropdown position.</td>
+                        </tr>
+                        <tr>
+                            <td><code>mode</code></td>
+                            <td>hover | click</td>
+                            <td>click,hover</td>
+                            <td>Comma separated list of dropdown trigger behaviour modes.</td>
+                        </tr>
+                        <tr>
+                            <td><code>delay-show</code></td>
+                            <td>Number</td>
+                            <td>0</td>
+                            <td>Delay time in hover mode before a Dropdown is shown in ms.</td>
+                        </tr>
+                        <tr>
+                            <td><code>delay-hide</code></td>
+                            <td>Number</td>
+                            <td>800</td>
+                            <td>Delay time in hover mode before a Dropdown is hidden in ms.</td>
+                        </tr>
+                        <tr>
+                            <td><code>boundary</code></td>
+                            <td>CSS selector</td>
+                            <td>window</td>
+                            <td>Referenced element to keep Dropdown's visibility.</td>
+                        </tr>
+                        <tr>
+                            <td><code>boundary-align</code></td>
+                            <td>Boolean</td>
+                            <td>false</td>
+                            <td>Align Drop to boundary.</td>
+                        </tr>
+                        <tr>
+                            <td><code>flip</code></td>
+                            <td>false|true|'x'|'y'</td>
+                            <td>true</td>
+                            <td>Automatic Dropdown flip.</td>
+                        </tr>
+                        <tr>
+                            <td><code>cls</code></td>
+                            <td>String</td>
+                            <td>'uk-dropdown'</td>
+                            <td>The Dropdown container class.</td>
+                        </tr>
+                        <tr>
+                            <td><code>offset</code></td>
+                            <td>Number</td>
+                            <td>0</td>
+                            <td>The offset of the Dropdown container.</td>
+                        </tr>
+                        <tr>
+                            <td><code>animation</code></td>
+                            <td>String</td>
+                            <td>false</td>
+                            <td>The space separated names of animations to use.</td>
+                        </tr>
+                        <tr>
+                            <td><code>duration</code></td>
+                            <td>Number</td>
+                            <td>200</td>
+                            <td>The animation duration.</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </body>
+</html>

data/assets/node_modules/uikit/tests/flex.html ADDED

@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Flex - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+        <style type="text/css">
+            .uk-flex > * {
+                padding: 10px;
+                text-align: center;
+            }
+            .uk-flex > :nth-child(8n-7) { background: rgba(0,0,0,0.1); }
+            .uk-flex > :nth-child(8n-6) { background: rgba(0,0,0,0.15); }
+            .uk-flex > :nth-child(8n-5) { background: rgba(0,0,0,0.2); }
+            .uk-flex > :nth-child(8n-4) { background: rgba(0,0,0,0.25); }
+            .uk-flex > :nth-child(8n-3) { background: rgba(0,0,0,0.3); }
+            .uk-flex > :nth-child(8n-2) { background: rgba(0,0,0,0.35); }
+            .uk-flex > :nth-child(8n-1) { background: rgba(0,0,0,0.40); }
+            .uk-flex > :nth-child(8n) { background: rgba(0,0,0,0.45); }
+            .test {
+                height: 300px;
+                background: #f0f0f0;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="uk-container">
+            <h1>Flex</h1>
+            <h2>Alignment and Justify</h2>
+            <h3>Stretch / Left (Default)</h3>
+            <div class="uk-flex uk-child-width-1-4">
+                <div>1-4</div>
+                <div>1-4<br>...</div>
+                <div>1-4<br>...<br>...</div>
+            </div>
+            <h3>Middle / Center</h3>
+            <div class="uk-flex uk-flex-middle uk-flex-center uk-child-width-1-4">
+                <div>1-4</div>
+                <div>1-4<br>...</div>
+                <div>1-4<br>...<br>...</div>
+            </div>
+            <h3>Bottom / Right</h3>
+            <div class="uk-flex uk-flex-bottom uk-flex-right uk-child-width-1-4">
+                <div>1-4</div>
+                <div>1-4<br>...</div>
+                <div>1-4<br>...<br>...</div>
+            </div>
+            <h3>Top / Space-between</h3>
+            <div class="uk-flex uk-flex-top uk-flex-between uk-child-width-1-4">
+                <div>1-4</div>
+                <div>1-4<br>...</div>
+                <div>1-4<br>...<br>...</div>
+            </div>
+            <h3>Stretch / Space-around</h3>
+            <div class="uk-flex uk-flex-around uk-child-width-1-4">
+                <div>1-4</div>
+                <div>1-4<br>...</div>
+                <div>1-4<br>...<br>...</div>
+            </div>
+            <h2>Wrap and Alignment</h2>
+            <h3>Stretch</h3>
+            <div class="uk-flex uk-flex-wrap test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h3>Top</h3>
+            <div class="uk-flex uk-flex-wrap uk-flex-wrap-top test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h3>Middle</h3>
+            <div class="uk-flex uk-flex-wrap uk-flex-wrap-middle test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h3>Bottom</h3>
+            <div class="uk-flex uk-flex-wrap uk-flex-wrap-bottom test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h3>Space-between</h3>
+            <div class="uk-flex uk-flex-wrap uk-flex-wrap-between test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h3>Space-around</h3>
+            <div class="uk-flex uk-flex-wrap uk-flex-wrap-around test">
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+                <div class="uk-width-1-3">1-3</div>
+                <div class="uk-width-1-2">1-2<br>...</div>
+                <div class="uk-width-1-3">1-3<br>...<br>...</div>
+            </div>
+            <h2>Inline Flex</h2>
+            <div class="uk-text-center">
+                <div class="uk-flex uk-flex-inline">
+                    <div>1-4</div>
+                    <div>1-4<br>...</div>
+                    <div>1-4<br>...<br>...</div>
+                </div>
+            </div>
+            <h2>Order</h2>
+            <div class="uk-flex uk-child-width-1-3">
+                <div>1</div>
+                <div>2</div>
+                <div class="uk-flex-first">3</div>
+            </div>
+            <div class="uk-flex uk-child-width-1-3">
+                <div class="uk-flex-last">1</div>
+                <div>2</div>
+                <div>3</div>
+            </div>
+            <div class="uk-flex uk-child-width-1-3">
+                <div class="uk-flex-last">1</div>
+                <div>2</div>
+                <div class="uk-flex-first">3</div>
+            </div>
+        </div>
+    </body>
+</html>