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

jekyll-uikit 0.1.5 → 0.1.7

Files changed (668) hide show

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

@@ -0,0 +1,136 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Text - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+    </head>
+    <body>
+        <div class="uk-container">
+            <div uk-grid>
+                <div class="uk-width-2-3@m">
+                    <h1>Lead and Meta</h1>
+                    <p class="uk-text-lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+                    <p class="uk-text-meta">Written by <a href="#">Super User</a> on <time datetime="2016-04-01T19:00">01 April 2016</time>. Posted in <a href="#">Blog</a><br>And wrapping into the next line.</p>
+                    <h1>Large and Small</h1>
+                    <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+                    <p class="uk-text-small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</p>
+                </div>
+                <div class="uk-width-1-3@m">
+                    <h3>Style</h3>
+                    <ul class="uk-list">
+                        <li class="uk-text-bold">text-bold</li>
+                        <li class="uk-text-uppercase">text-uppercase</li>
+                    </ul>
+                    <h3>Colors</h3>
+                    <ul class="uk-list">
+                        <li class="uk-text-muted">text-muted</li>
+                        <li class="uk-text-primary">text-primary</li>
+                        <li class="uk-text-success">text-success</li>
+                        <li class="uk-text-warning">text-warning</li>
+                        <li class="uk-text-danger">text-danger</li>
+                    </ul>
+                    <ul class="uk-list">
+                        <li><a class="uk-text-muted" href="#">Link with text-muted</a></li>
+                        <li><a class="uk-text-primary" href="#">Link with text-primary</a></li>
+                        <li><a class="uk-text-success" href="#">Link with text-success</a></li>
+                        <li><a class="uk-text-warning" href="#">Link with text-warning</a></li>
+                        <li><a class="uk-text-danger" href="#">Link with text-danger</a></li>
+                    </ul>
+                    <h3>Background</h3>
+                    <ul class="uk-list">
+                        <li><span class="uk-text-background">text-background</span></li>
+                        <li><a class="uk-text-background" href="#">Link with text-background</a></li>
+                    </ul>
+                    <div class="uk-child-width-1-2" uk-grid>
+                        <div>
+                            <h3>Truncate</h3>
+                            <p class="uk-text-truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        </div>
+                        <div>
+                            <h3>Break</h3>
+                            <p class="uk-text-break">Loremipsumdolorsitamet,consectetur.</p>
+                        </div>
+                    </div>
+                    <table class="uk-table uk-table-striped">
+                        <tr>
+                            <td class="uk-text-truncate uk-width-1-2">Truncate ipsum dolor sit amet, consectetur adipiscing elit.</td>
+                            <td class="uk-width-1-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+                        </tr>
+                    </table>
+                    <table class="uk-table uk-table-striped">
+                        <tr>
+                            <td class="uk-text-break uk-width-1-2">Break ipsum dolorsitamet,consecteturadipiscing elit.</td>
+                            <td class="uk-width-1-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
+                        </tr>
+                    </table>
+                </div>
+            </div>
+            <h1>Alignment</h1>
+            <div class="uk-child-width-1-2@m uk-child-width-1-4@l" uk-grid>
+                <div class="uk-text-center uk-text-left@m">
+                    <h2 class="uk-h3">center left@m</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+                <div class="uk-text-center@m">
+                    <h2 class="uk-h3">center@m</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+                <div class="uk-text-right uk-text-left@m">
+                    <h2 class="uk-h3">right left@m</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+                <div class="uk-text-center@s uk-text-right@m uk-text-left@l">
+                    <h2 class="uk-h3">center@s right@m left@l</h2>
+                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

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

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Thumbnav - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+    </head>
+    <body>
+        <div class="uk-container">
+            <h1>Thumbnav</h1>
+            <h2>Horizontal</h2>
+            <ul class="uk-thumbnav">
+                <li class="uk-active"><a href="#"><img src="images/photo.jpg" width="100" alt=""></a></li>
+                <li><a href="#"><img src="images/dark.jpg" width="100" alt=""></a></li>
+                <li><a href="#"><img src="images/light.jpg" width="100" alt=""></a></li>
+            </ul>
+            <h2>Vertical</h2>
+            <ul class="uk-thumbnav uk-thumbnav-vertical">
+                <li class="uk-active"><a href="#"><img src="images/photo.jpg" width="100" alt=""></a></li>
+                <li><a href="#"><img src="images/dark.jpg" width="100" alt=""></a></li>
+                <li><a href="#"><img src="images/light.jpg" width="100" alt=""></a></li>
+            </ul>
+            <h2>Image</h2>
+            <div class="uk-position-relative" uk-slideshow="animation: fade">
+                <ul class="uk-slideshow-items">
+                    <li><img src="images/photo.jpg" alt="" uk-cover></li>
+                    <li><img src="images/dark.jpg" alt="" uk-cover></li>
+                    <li><img src="images/light.jpg" alt="" uk-cover></li>
+                </ul>
+                <div class="uk-position-bottom-center uk-position-small">
+                    <ul class="uk-thumbnav">
+                        <li uk-slideshow-item="0"><a href="#"><img src="images/photo.jpg" width="100" alt=""></a></li>
+                        <li uk-slideshow-item="1"><a href="#"><img src="images/dark.jpg" width="100" alt=""></a></li>
+                        <li uk-slideshow-item="2"><a href="#"><img src="images/light.jpg" width="100" alt=""></a></li>
+                    </ul>
+                </div>
+                <div class="uk-position-center-right uk-position-small">
+                    <ul class="uk-thumbnav uk-thumbnav-vertical">
+                        <li uk-slideshow-item="0"><a href="#"><img src="images/photo.jpg" width="100" alt=""></a></li>
+                        <li uk-slideshow-item="1"><a href="#"><img src="images/dark.jpg" width="100" alt=""></a></li>
+                        <li uk-slideshow-item="2"><a href="#"><img src="images/light.jpg" width="100" alt=""></a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

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

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Tile - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+    </head>
+    <body>
+        <div class="uk-section">
+            <div class="uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
+                <div>
+                    <div class="uk-tile uk-tile-default">
+                        <h3>Tile Default</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-muted">
+                        <h3>Tile Muted</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-primary">
+                        <h3>Tile Primary</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-secondary">
+                        <h3>Tile Secondary</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-section">
+            <div class="uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
+                <div>
+                    <div class="uk-tile uk-tile-default uk-tile-small">
+                        <h3>Default Small</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-muted uk-tile-small">
+                        <h3>Muted Small</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-primary uk-tile-small">
+                        <h3>Primary Small</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-secondary uk-tile-small">
+                        <h3>Secondary Small</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-section">
+            <div class="uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
+                <div>
+                    <div class="uk-tile uk-tile-default uk-tile-large">
+                        <h3>Default Large</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-muted uk-tile-large">
+                        <h3>Muted Large</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-primary uk-tile-large">
+                        <h3>Primary Large</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-secondary uk-tile-large">
+                        <h3>Secondary Large</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-section">
+            <div class="uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
+                <div>
+                    <div class="uk-tile uk-tile-default uk-tile-xlarge">
+                        <h3>Default XLarge</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-muted uk-tile-xlarge">
+                        <h3>Muted XLarge</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-primary uk-tile-xlarge">
+                        <h3>Primary XLarge</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+                <div>
+                    <div class="uk-tile uk-tile-secondary uk-tile-xlarge">
+                        <h3>Secondary XLarge</h3>
+                        <p>Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        <p uk-margin>
+                            <a class="uk-button uk-button-default" href="#">Button</a>
+                            <a class="uk-button uk-button-text uk-margin-small-left" href="#">Button</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>

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

@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en-gb" dir="ltr">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Toggle - UIkit tests</title>
+        <script src="../dist/js/uikit.js"></script>
+        <script src="js/test.js"></script>
+    </head>
+    <body>
+        <div class="uk-container">
+            <h1>Toggle</h1>
+            <div class="uk-child-width-1-5@m" uk-grid>
+                <div>
+                    <h3>One item</h3>
+                    <p>
+                        <button class="uk-button uk-button-default" type="button" uk-toggle="target: #toggle1">Button</button>
+                        <a href="#" uk-toggle="target: #toggle1">Link</a>
+                    </p>
+                    <p id="toggle1">What's up?</p>
+                </div>
+                <div>
+                    <h3>Two items</h3>
+                    <button class="uk-button uk-button-default" type="button" uk-toggle="target: ~">Toggle</button>
+                    <p>Hello!</p>
+                    <p hidden>Bazinga!</p>
+                </div>
+                <div>
+                    <h3>Multiple toggles</h3>
+                    <div class="toggle3">
+                        <button class="uk-button uk-button-default" type="button" uk-toggle="target: .toggle3">Next</button>
+                        <p>Hello!</p>
+                    </div>
+                    <div class="toggle3" hidden>
+                        <button class="uk-button uk-button-default" type="button" uk-toggle="target: .toggle3">Previous</button>
+                        <p>Bazinga!</p>
+                    </div>
+                </div>
+                <div>
+                    <h3>Multiple targets</h3>
+                    <button class="uk-button uk-button-default uk-margin uk-display-block" uk-toggle="target: ~">Go</button>
+                    <span>What's up?</span>
+                    <span>Hello!</span>
+                    <p hidden>Bazinga!</p>
+                </div>
+                <div>
+                    <h3>Custom class</h3>
+                    <button class="uk-button uk-button-default" uk-toggle="target: +; cls: uk-alert-success">Toggle</button>
+                    <p class="uk-alert">What's up?</p>
+                </div>
+                <div>
+                    <h3>Animation</h3>
+                    <button class="uk-button uk-button-default" uk-toggle="target: +; animation: uk-animation-fade">Toggle</button>
+                    <p>Animation</p>
+                </div>
+                <div>
+                    <h3>In/Out Animations</h3>
+                    <button class="uk-button uk-button-default" type="button" uk-toggle="target: +; animation: uk-animation-slide-left, uk-animation-slide-top">Toggle</button>
+                    <p>Animation</p>
+                </div>
+                <div>
+                    <h3>Queued</h3>
+                    <button class="uk-button uk-button-default" type="button" uk-toggle="target: ~; animation: uk-animation-fade; duration: 500; queued: true">Queued</button>
+                    <p>Animation</p>
+                    <p hidden>Bazinga!</p>
+                </div>
+                <div class="uk-width-expand@m">
+                    <h3>Mode Media</h3>
+                    <div class="uk-alert uk-alert-danger" uk-toggle="cls: uk-alert-success uk-alert-danger; mode: media; media: @xl">
+                        Only visibly @xl
+                    </div>
+                </div>
+                <div>
+                    <h3>Mode Hover</h3>
+                    <button class="uk-button uk-button-default" type="button" uk-toggle="target: ~; mode: hover">Hover</button>
+                    <p>What's up?</p>
+                    <p hidden>Hovered</p>
+                </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>target</code></td>
+                            <td>CSS selector</td>
+                            <td>false</td>
+                            <td>The element(s) to toggle.</td>
+                        </tr>
+                        <tr>
+                            <td><code>mode</code></td>
+                            <td>hover | click | media</td>
+                            <td>click</td>
+                            <td>Comma separated list of trigger behaviour modes.</td>
+                        </tr>
+                        <tr>
+                            <td><code>cls</code></td>
+                            <td>String</td>
+                            <td>false</td>
+                            <td>The class that is being toggled. Defaults to the "hidden" attribute.</td>
+                        </tr>
+                        <tr>
+                            <td><code>animation</code></td>
+                            <td>String</td>
+                            <td>false</td>
+                            <td>The space separated names of animations to use. (Comma separate for animation out)</td>
+                        </tr>
+                        <tr>
+                            <td><code>duration</code></td>
+                            <td>Number</td>
+                            <td>200</td>
+                            <td>The animation duration.</td>
+                        </tr>
+                        <tr>
+                            <td><code>queued</code></td>
+                            <td>Boolean</td>
+                            <td>true</td>
+                            <td>Toggle the targets successively.</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </body>
+</html>