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

jekyll-uikit 0.1.7 → 0.2.0

Files changed (640) hide show

data/assets/node_modules/uikit/tests/form.html DELETED

@@ -1,615 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-gb" dir="ltr">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Form - UIkit tests</title>
-        <script src="../dist/js/uikit.js"></script>
-        <script src="js/test.js"></script>
-    </head>
-    <body>
-        <div class="uk-container">
-            <h1>Form</h1>
-            <div uk-grid>
-                <div class="uk-width-2-3@s">
-                    <h2>Horizontal</h2>
-                    <form class="uk-form-horizontal">
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-h-text">Text</label>
-                            <div class="uk-form-controls">
-                                <input class="uk-input uk-form-width-large" id="form-h-text" type="text" placeholder="Some text...">
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-h-select">Select</label>
-                            <div class="uk-form-controls">
-                                <select class="uk-select uk-form-width-large" id="form-h-select">
-                                    <option>Option 01</option>
-                                    <option>Option 02</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-h-textarea">Textarea</label>
-                            <div class="uk-form-controls">
-                                <textarea class="uk-textarea uk-form-width-large" id="form-h-textarea" rows="5" placeholder="Some text..."></textarea>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <span class="uk-form-label">Radio</span>
-                            <div class="uk-form-controls uk-form-controls-text">
-                                <label><input class="uk-radio" type="radio" name="radio1"> Option 01</label><br>
-                                <label><input class="uk-radio" type="radio" name="radio1"> Option 02</label>
-                                <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                    <label><input class="uk-radio" type="radio" name="radio2"> A</label>
-                                    <label><input class="uk-radio" type="radio" name="radio2"> B</label>
-                                    <label><input class="uk-radio" type="radio" name="radio2"> C</label>
-                                    <label><input class="uk-radio" type="radio" name="radio2"> D</label>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <span class="uk-form-label">Checkbox</span>
-                            <div class="uk-form-controls uk-form-controls-text">
-                                <label><input class="uk-checkbox" type="checkbox"> Option 01</label><br>
-                                <label><input class="uk-checkbox" type="checkbox"> Option 02</label>
-                                <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                    <label><input class="uk-checkbox" type="checkbox"> A</label>
-                                    <label><input class="uk-checkbox" type="checkbox"> B</label>
-                                    <label><input class="uk-checkbox" type="checkbox"> C</label>
-                                    <label><input class="uk-checkbox" type="checkbox"> D</label>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-h-multiple">Multiple</label>
-                            <div class="uk-form-controls">
-                                <select class="uk-select uk-form-width-large" id="form-h-multiple" multiple>
-                                    <option>Option 01</option>
-                                    <option>Option 02</option>
-                                    <option>Option 03</option>
-                                    <option>Option 04</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-h-range">Range</label>
-                            <div class="uk-form-controls uk-form-controls-text">
-                                <input class="uk-range uk-form-width-large" id="form-h-range" type="range" value="2" min="0" max="10" step="0.1">
-                            </div>
-                        </div>
-                    </form>
-                    <h2>Sizes</h2>
-                    <form>
-                        <div class="uk-margin" uk-margin>
-                            <input class="uk-input uk-form-width-small uk-form-large" type="text" placeholder="Some text...">
-                            <select class="uk-select uk-form-width-small uk-form-large">
-                                <option>Option 01</option>
-                                <option>Option 02</option>
-                            </select>
-                            <button class="uk-button uk-button-default uk-button-large">Button</button>
-                            <button class="uk-button uk-button-primary uk-button-large">Button</button>
-                            <label><input class="uk-checkbox" type="checkbox"> Checkbox</label>
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <input class="uk-input uk-form-width-small" type="text" placeholder="Some text...">
-                            <select class="uk-select uk-form-width-small">
-                                <option>Option 01</option>
-                                <option>Option 02</option>
-                            </select>
-                            <button class="uk-button uk-button-default">Button</button>
-                            <button class="uk-button uk-button-primary">Button</button>
-                            <label><input class="uk-checkbox" type="checkbox"> Checkbox</label>
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <input class="uk-input uk-form-width-small uk-form-small" type="text" placeholder="Some text...">
-                            <select class="uk-select uk-form-width-small uk-form-small">
-                                <option>Option 01</option>
-                                <option>Option 02</option>
-                            </select>
-                            <button class="uk-button uk-button-default uk-button-small">Button</button>
-                            <button class="uk-button uk-button-primary uk-button-small">Button</button>
-                            <label><input class="uk-checkbox" type="checkbox"> Checkbox</label>
-                        </div>
-                    </form>
-                    <h2>Widths</h2>
-                    <form>
-                        <div class="uk-margin" uk-margin>
-                            <input class="uk-input uk-form-width-large" type="text" placeholder="form-width-large">
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <select class="uk-select uk-form-width-large">
-                                <option>form-width-large</option>
-                            </select>
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <textarea class="uk-textarea uk-form-width-large" rows="1" placeholder="form-width-large"></textarea>
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <input class="uk-input uk-form-width-medium" type="text" placeholder="form-width-medium">
-                            <input class="uk-input uk-form-width-small" type="text" placeholder="form-width-small">
-                            <input class="uk-input uk-form-width-xsmall" type="text" placeholder="form-width-xsmall">
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <select class="uk-select uk-form-width-medium">
-                                <option>form-width-medium</option>
-                            </select>
-                            <select class="uk-select uk-form-width-small">
-                                <option>form-width-small</option>
-                            </select>
-                            <select class="uk-select uk-form-width-xsmall">
-                                <option>form-width-xsmall</option>
-                            </select>
-                        </div>
-                        <div class="uk-margin" uk-margin>
-                            <textarea class="uk-textarea uk-form-width-medium" rows="1" placeholder="form-width-medium"></textarea>
-                            <textarea class="uk-textarea uk-form-width-small" rows="1" placeholder="form-width-small"></textarea>
-                        </div>
-                    </form>
-                    <h2>Icon</h2>
-                    <form class="uk-form-stacked uk-child-width-auto@m" uk-grid>
-                        <div>
-                            <div class="uk-margin">
-                                <span class="uk-form-label">Not clickable</span>
-                                <div class="uk-inline">
-                                    <span class="uk-form-icon" uk-icon="icon: user"></span>
-                                    <input class="uk-input uk-form-width-medium" type="text">
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <div class="uk-inline">
-                                    <span class="uk-form-icon uk-form-icon-flip" uk-icon="icon: lock"></span>
-                                    <input class="uk-input uk-form-width-medium" type="text">
-                                </div>
-                            </div>
-                        </div>
-                        <div>
-                            <div class="uk-margin">
-                                <span class="uk-form-label">Clickable</span>
-                                <div class="uk-inline">
-                                    <a class="uk-form-icon" href="#" uk-icon="icon: pencil"></a>
-                                    <input class="uk-input" type="text">
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <div class="uk-inline">
-                                    <a class="uk-form-icon uk-form-icon-flip" href="#" uk-icon="icon: link"></a>
-                                    <input class="uk-input" type="text">
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                    <h2>Select</h2>
-                    <select class="uk-select uk-form-width-large">
-                        <option>Option 01</option>
-                        <option>Option 02</option>
-                    </select>
-                    <p class="uk-margin-small">
-                        <select class="uk-select uk-form-width-large" disabled>
-                            <option>Option 01</option>
-                            <option>Option 02</option>
-                        </select>
-                    </p>
-                    <p class="uk-margin-small">
-                        <select class="uk-select uk-form-width-large" multiple="multiple">
-                            <option>Option 01</option>
-                            <option>Option 02</option>
-                            <option>Option 03</option>
-                            <option>Option 04</option>
-                        </select>
-                    </p>
-                    <h2>Radio, Checkbox and Select</h2>
-                    <form class="uk-form-stacked uk-child-width-1-3@m" uk-grid>
-                        <div>
-                            <span class="uk-form-label">Radio</span>
-                            <label><input class="uk-radio" type="radio" name="radio1" checked> Checked</label><br>
-                            <label><input class="uk-radio" type="radio" name="radio1"> Unchecked</label><br>
-                            <label><input class="uk-radio" type="radio" name="radio1"> Unchecked</label><br>
-                            <label><input class="uk-radio" type="radio" name="radio2" disabled> Disabled</label><br>
-                            <label><input class="uk-radio" type="radio" name="radio2" disabled checked> Disabled Checked</label>
-                            <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                <label><input class="uk-radio" type="radio" name="radio3" checked> A</label>
-                                <label><input class="uk-radio" type="radio" name="radio3"> B</label>
-                                <label><input class="uk-radio" type="radio" name="radio4" disabled> C</label>
-                                <label><input class="uk-radio" type="radio" name="radio4" disabled checked> D</label>
-                            </div>
-                        </div>
-                        <div>
-                            <span class="uk-form-label">Checkbox</span>
-                            <label><input class="uk-checkbox" type="checkbox" checked> Checked</label><br>
-                            <label><input class="uk-checkbox" type="checkbox"> Unchecked</label><br>
-                            <label><input class="uk-checkbox" type="checkbox"> Unchecked</label><br>
-                            <label><input class="uk-checkbox" type="checkbox" disabled> Disabled</label><br>
-                            <label><input class="uk-checkbox" type="checkbox" disabled checked> Disabled Checked</label><br>
-                            <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                <label><input class="uk-checkbox" type="checkbox" checked> A</label>
-                                <label><input class="uk-checkbox" type="checkbox"> B</label>
-                                <label><input class="uk-checkbox" type="checkbox" disabled> C</label>
-                                <label><input class="uk-checkbox" type="checkbox" disabled checked> D</label>
-                            </div>
-                        </div>
-                        <div>
-                            <span class="uk-form-label">Checkbox</span>
-                            <label><input class="uk-checkbox js-indeterminate" type="checkbox"> Indeterminate</label><br>
-                            <label><input class="uk-checkbox" type="checkbox"> Unchecked</label><br>
-                            <label><input class="uk-checkbox" type="checkbox"> Unchecked</label><br>
-                            <label><input class="uk-checkbox" type="checkbox" disabled> Disabled</label><br>
-                            <label><input class="uk-checkbox js-indeterminate" type="checkbox" disabled> Disabled Indeterminate</label>
-                            <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                <label><input class="uk-checkbox js-indeterminate" type="checkbox"> A</label>
-                                <label><input class="uk-checkbox" type="checkbox"> B</label>
-                                <label><input class="uk-checkbox" type="checkbox" disabled> C</label>
-                                <label><input class="uk-checkbox js-indeterminate" type="checkbox" disabled> D</label>
-                            </div>
-                            <script>UIkit.util.$$('.js-indeterminate').forEach(function (el) { el.indeterminate = true; })</script>
-                        </div>
-                    </form>
-                    <h2>Custom Controls</h2>
-                    <form class="uk-form-stacked uk-child-width-1-2@m" uk-grid>
-                        <div>
-                            <h3>File</h3>
-                            <div class="uk-margin">
-                                <div uk-form-custom>
-                                    <input type="file">
-                                    <button class="uk-button uk-button-default" type="button" tabindex="-1">Select</button>
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <span class="uk-text-middle">Here is a text</span>
-                                <div uk-form-custom>
-                                    <input type="file">
-                                    <span class="uk-link">upload</span>
-                                </div>
-                            </div>
-                            <div class="uk-margin" uk-margin>
-                                <div uk-form-custom="target: true">
-                                    <input type="file">
-                                    <input class="uk-input uk-form-width-medium" type="text" placeholder="Select file" disabled>
-                                </div>
-                                <button class="uk-button uk-button-default">Submit</button>
-                            </div>
-                        </div>
-                        <div>
-                            <h3>Select</h3>
-                            <div class="uk-margin">
-                                <div uk-form-custom="target: true">
-                                    <select>
-                                        <option value="1">Option 01</option>
-                                        <option value="2">Option 02</option>
-                                        <option value="3">Option 03</option>
-                                        <option value="4">Option 04</option>
-                                    </select>
-                                    <span></span>
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <div uk-form-custom="target: > * > span:last-child">
-                                    <select>
-                                        <option value="1">Option 01</option>
-                                        <option value="2">Option 02</option>
-                                        <option value="3">Option 03</option>
-                                        <option value="4">Option 04</option>
-                                    </select>
-                                    <span class="uk-link">
-                                        <span uk-icon="icon: pencil"></span>
-                                        <span></span>
-                                    </span>
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <div uk-form-custom="target: > * > span:first-child">
-                                    <select>
-                                        <option value="">Please select...</option>
-                                        <option value="1">Option 01</option>
-                                        <option value="2">Option 02</option>
-                                        <option value="3">Option 03</option>
-                                        <option value="4">Option 04</option>
-                                    </select>
-                                    <button class="uk-button uk-button-default" type="button" tabindex="-1">
-                                        <span></span>
-                                        <span uk-icon="icon: chevron-down"></span>
-                                    </button>
-                                </div>
-                            </div>
-                            <div class="uk-margin">
-                                <div uk-form-custom="target: true">
-                                    <select>
-                                        <option value="">Please select...</option>
-                                        <option value="1">Option 01</option>
-                                        <option value="2">Option 02</option>
-                                        <option value="3">Option 03</option>
-                                        <option value="4">Option 04</option>
-                                    </select>
-                                    <span class="uk-select uk-form-width-medium"></span>
-                                </div>
-                            </div>
-                        </div>
-                    </form>
-                    <p><span class="uk-label">Note</span> The hover and focus state for <code>uk-form-custom</code> are not styled by default, but there are the classes <code>.uk-hover</code> and <code>.uk-focus</code> in place to do so.</p>
-                </div>
-                <form class="uk-form-stacked uk-width-1-3@s">
-                    <h2>Stacked</h2>
-                    <div class="uk-margin">
-                        <span class="uk-form-label">States and styles</span>
-                        <div class="uk-margin-small uk-grid-small uk-child-width-1-2" uk-grid>
-                            <div>
-                                <input class="uk-input" type="text" placeholder=":disabled" disabled>
-                            </div>
-                            <div>
-                                <input class="uk-input" type="text" placeholder=":disabled" value="Some text..." disabled>
-                            </div>
-                        </div>
-                        <div class="uk-margin-small uk-grid-small" uk-grid>
-                            <div class="uk-width-expand">
-                                <input class="uk-input" type="text" placeholder=":focus" autofocus required>
-                            </div>
-                            <div class="uk-width-auto">
-                                <button class="uk-button uk-button-default uk-width-1-1">Required</button>
-                            </div>
-                        </div>
-                        <div class="uk-margin-small">
-                            <input class="uk-input uk-form-danger" type="text" placeholder="form-danger" value="form-danger">
-                        </div>
-                        <div class="uk-margin-small">
-                            <input class="uk-input uk-form-success" type="text" placeholder="form-success" value="form-success">
-                        </div>
-                        <div class="uk-margin-small">
-                            <input class="uk-input uk-form-blank" type="text" placeholder="form-blank">
-                        </div>
-                    </div>
-                    <fieldset class="uk-fieldset">
-                        <legend class="uk-legend">Legend</legend>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-text">Text</label>
-                            <input class="uk-input" id="form-s-text" type="text" placeholder="Some text...">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-select">Select</label>
-                            <select class="uk-select" id="form-s-select">
-                                <option>Option 01</option>
-                                <option>Option 02</option>
-                            </select>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-textarea">Textarea</label>
-                            <textarea class="uk-textarea" id="form-s-textarea" rows="5" placeholder="Some text..."></textarea>
-                        </div>
-                        <div class="uk-margin">
-                            <span class="uk-form-label">Radio</span>
-                            <label><input class="uk-radio" type="radio" name="radio1"> Option 01</label><br>
-                            <label><input class="uk-radio" type="radio" name="radio1"> Option 02</label>
-                            <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                <label><input class="uk-radio" type="radio" name="radio2"> A</label>
-                                <label><input class="uk-radio" type="radio" name="radio2"> B</label>
-                                <label><input class="uk-radio" type="radio" name="radio2"> C</label>
-                                <label><input class="uk-radio" type="radio" name="radio2"> D</label>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <span class="uk-form-label">Checkbox</span>
-                            <label><input class="uk-checkbox" type="checkbox"> Option 01</label><br>
-                            <label><input class="uk-checkbox" type="checkbox"> Option 02</label>
-                            <div class="uk-margin uk-grid-small uk-child-width-auto" uk-grid>
-                                <label><input class="uk-checkbox" type="checkbox"> A</label>
-                                <label><input class="uk-checkbox" type="checkbox"> B</label>
-                                <label><input class="uk-checkbox" type="checkbox"> C</label>
-                                <label><input class="uk-checkbox" type="checkbox"> D</label>
-                            </div>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-multiple">Multiple</label>
-                            <select class="uk-select" id="form-s-multiple" multiple>
-                                <option>Option 01</option>
-                                <option>Option 02</option>
-                                <option>Option 03</option>
-                                <option>Option 04</option>
-                            </select>
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-range">Range</label>
-                            <input class="uk-range" id="form-s-range" type="range" value="2" min="0" max="10" step="0.1">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-number">Number</label>
-                            <input class="uk-input" id="form-s-number" type="number" min="0" max="10" value="5">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-password">Password</label>
-                            <input class="uk-input" id="form-s-password" type="password" placeholder="Password">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-email">Email</label>
-                            <input class="uk-input" id="form-s-email" type="email" placeholder="name@domain.com">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-search">Search</label>
-                            <input class="uk-input" id="form-s-search" type="search" placeholder="Search...">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-tel">Tel</label>
-                            <input class="uk-input" id="form-s-tel" type="tel" placeholder="+49 555 123456">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-url">URL</label>
-                            <input class="uk-input" id="form-s-url" type="url" placeholder="http://">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-file">File</label>
-                            <input class="uk-width-1-1" id="form-s-file" type="file">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-color">Color</label>
-                            <input class="uk-input" id="form-s-color" type="color" placeholder="#000000">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-date">Date</label>
-                            <input class="uk-input" id="form-s-date" type="date" placeholder="1970-01-01">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-month">Month</label>
-                            <input class="uk-input" id="form-s-month" type="month" placeholder="1970-01">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-week">Week</label>
-                            <input class="uk-input" id="form-s-week" type="week" placeholder="1970-W01">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-time">Time</label>
-                            <input class="uk-input" id="form-s-time" type="time" placeholder="00:00:00">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-datetime">Datetime</label>
-                            <input class="uk-input" id="form-s-datetime" type="datetime" placeholder="1970-01-01T00:00:00Z">
-                        </div>
-                        <div class="uk-margin">
-                            <label class="uk-form-label" for="form-s-datetimelocal">Datetime local</label>
-                            <input class="uk-input" id="form-s-datetimelocal" type="datetime-local" placeholder="1970-01-01T00:00">
-                        </div>
-                    </fieldset>
-                </form>
-            </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 | Boolean</td>
-                            <td>false</td>
-                            <td>Value display target.</td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-        </div>
-    </body>
-</html>