jekyll-uikit 0.1.5 → 0.1.7

data/assets/node_modules/uikit/src/js/util/touch.js

@@ -0,0 +1,109 @@
+/*
+    Based on:
+    Copyright (c) 2010-2016 Thomas Fuchs
+    http://zeptojs.com/
+*/
+
+import { doc, on, pointerDown, pointerMove, pointerUp, ready, trigger, win, within } from './index';
+
+var touch = {}, clickTimeout, swipeTimeout, tapTimeout, clicked;
+
+function swipeDirection({x1, x2, y1, y2}) {
+    return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down');
+}
+
+function cancelAll() {
+    clickTimeout && clearTimeout(clickTimeout);
+    swipeTimeout && clearTimeout(swipeTimeout);
+    tapTimeout && clearTimeout(tapTimeout);
+    clickTimeout = swipeTimeout = tapTimeout = null;
+    touch = {};
+}
+
+ready(function () {
+
+    on(doc, 'click', () => clicked = true, true);
+
+    on(doc, pointerDown, function (e) {
+
+        var target = e.target,
+            {x, y} = getPos(e),
+            now = Date.now();
+
+        touch.el = 'tagName' in target ? target : target.parentNode;
+
+        clickTimeout && clearTimeout(clickTimeout);
+
+        touch.x1 = x;
+        touch.y1 = y;
+
+        if (touch.last && now - touch.last <= 250) {
+            touch = {};
+        }
+
+        touch.last = now;
+
+        clicked = e.button > 0;
+
+    });
+
+    on(doc, pointerMove, function (e) {
+
+        var {x, y} = getPos(e);
+
+        touch.x2 = x;
+        touch.y2 = y;
+    });
+
+    on(doc, pointerUp, function ({target}) {
+
+        // swipe
+        if (touch.x2 && Math.abs(touch.x1 - touch.x2) > 30 || touch.y2 && Math.abs(touch.y1 - touch.y2) > 30) {
+
+            swipeTimeout = setTimeout(function () {
+                if (touch.el) {
+                    trigger(touch.el, 'swipe');
+                    trigger(touch.el, `swipe${swipeDirection(touch)}`);
+                }
+                touch = {};
+            });
+
+        // normal tap
+        } else if ('last' in touch) {
+
+            tapTimeout = setTimeout(() => touch.el && trigger(touch.el, 'tap'));
+
+            // trigger single click after 350ms of inactivity
+            if (touch.el && within(target, touch.el)) {
+                clickTimeout = setTimeout(function () {
+                    clickTimeout = null;
+                    if (touch.el && !clicked) {
+                        trigger(touch.el, 'click');
+                    }
+                    touch = {};
+                }, 350);
+            }
+
+        } else {
+            touch = {};
+        }
+    });
+
+    on(doc, 'touchcancel', cancelAll);
+    on(win, 'scroll', cancelAll);
+});
+
+var touching = false;
+on(doc, 'touchstart', () => touching = true, true);
+on(doc, 'click', () => {touching = false});
+on(doc, 'touchcancel', () => touching = false, true);
+
+export function isTouch(e) {
+    return touching || e.pointerType === 'touch';
+}
+
+export function getPos(e) {
+    var {touches, changedTouches} = e,
+        {pageX: x, pageY: y} = touches && touches[0] || changedTouches && changedTouches[0] || e;
+    return {x, y};
+}

data/assets/node_modules/uikit/src/less/components/_import.less

@@ -0,0 +1,90 @@
+// Base
+@import "variables.less";
+@import "mixin.less";
+@import "base.less";
+
+// Elements
+@import "link.less";
+@import "heading.less";
+@import "divider.less";
+@import "list.less";
+@import "description-list.less";
+@import "table.less";
+@import "icon.less";
+@import "form-range.less";
+@import "form.less"; // After: Icon, Form Range
+@import "button.less";
+
+// Layout
+@import "section.less";
+@import "container.less";
+@import "grid.less";
+@import "tile.less";
+@import "card.less";
+
+// Common
+@import "close.less"; // After: Icon
+@import "spinner.less"; // After: Icon
+@import "totop.less"; // After: Icon
+@import "marker.less"; // After: Icon
+@import "alert.less"; // After: Close
+@import "badge.less";
+@import "label.less";
+@import "overlay.less"; // After: Icon
+@import "article.less"; // After: Subnav
+@import "comment.less"; // After: Subnav
+@import "search.less"; // After: Icon
+
+// Navs
+@import "nav.less";
+@import "navbar.less"; // After: Card, Grid, Nav, Icon, Search
+@import "subnav.less";
+@import "breadcrumb.less";
+@import "pagination.less";
+@import "tab.less";
+@import "slidenav.less"; // After: Icon
+@import "dotnav.less";
+@import "thumbnav.less";
+
+// JavaScript
+@import "accordion.less";
+@import "drop.less"; // After: Card
+@import "dropdown.less"; // After: Card
+@import "modal.less"; // After: Close
+@import "lightbox.less"; // After: Close
+@import "slideshow.less";
+@import "sticky.less";
+@import "offcanvas.less";
+@import "switcher.less";
+// Scrollspy
+// Toggle
+// Scroll
+
+// Additional
+@import "iconnav.less";
+@import "notification.less";
+@import "tooltip.less";
+@import "placeholder.less";
+@import "progress.less";
+@import "sortable.less";
+@import "countdown.less";
+
+// Utilities
+@import "animation.less";
+@import "width.less";
+@import "text.less";
+@import "column.less";
+@import "cover.less";
+@import "background.less";
+@import "align.less";
+@import "utility.less";
+@import "flex.less"; // After: Utility
+@import "margin.less";
+@import "padding.less";
+@import "position.less";
+@import "transition.less";
+@import "visibility.less";
+@import "inverse.less";
+
+// Need to be loaded last
+@import "print.less";

data/assets/node_modules/uikit/src/less/components/accordion.less

@@ -0,0 +1,112 @@
+// Name:            Accordion
+// Description:     Component to create accordions
+//
+// Component:       `uk-accordion`
+//
+// Sub-objects:     `uk-accordion-title`
+//                  `uk-accordion-content`
+//
+// States:          `uk-open`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@accordion-item-margin-top:                    @global-margin;
+
+@accordion-title-font-size:                    @global-medium-font-size;
+@accordion-title-line-height:                  1.4;
+
+@accordion-content-margin-top:                 @global-margin;
+
+
+/* ========================================================================
+   Component: Accordion
+ ========================================================================== */
+
+.uk-accordion {
+    padding: 0;
+    list-style: none;
+    .hook-accordion;
+}
+
+
+/* Item
+ ========================================================================== */
+
+.uk-accordion > :nth-child(n+2) {
+    margin-top: @accordion-item-margin-top;
+    .hook-accordion-item;
+}
+
+
+/* Title
+ ========================================================================== */
+
+.uk-accordion-title {
+    margin: 0;
+    font-size: @accordion-title-font-size;
+    line-height: @accordion-title-line-height;
+    cursor: pointer;
+    .hook-accordion-title;
+}
+
+
+/* Content
+ ========================================================================== */
+
+.uk-accordion-content {
+    margin-top: @accordion-content-margin-top;
+    .hook-accordion-content;
+}
+
+/*
+ * Micro clearfix
+ */
+
+.uk-accordion-content::before,
+.uk-accordion-content::after {
+    content: "";
+    display: table;
+}
+
+.uk-accordion-content::after { clear: both; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+ .uk-accordion-content > :last-child { margin-bottom: 0; }
+
+
+// Hooks
+// ========================================================================
+
+.hook-accordion-misc;
+
+.hook-accordion() {}
+.hook-accordion-item() {}
+.hook-accordion-title() {}
+.hook-accordion-content() {}
+.hook-accordion-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse() {
+
+    .uk-accordion > :nth-child(n+2) {
+        .hook-inverse-accordion-item;
+    }
+
+    .uk-accordion-title {
+        .hook-inverse-accordion-title;
+    }
+
+}
+
+.hook-inverse-accordion-item() {}
+.hook-inverse-accordion-title() {}

data/assets/node_modules/uikit/src/less/components/alert.less

@@ -0,0 +1,147 @@
+// Name:            Alert
+// Description:     Component to create alert messages
+//
+// Component:       `uk-alert`
+//
+// Adopted:         `uk-alert-close`
+//
+// Modifiers:       `uk-alert-primary`
+//                  `uk-alert-success`
+//                  `uk-alert-warning`
+//                  `uk-alert-danger`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@alert-margin-vertical:                         @global-margin;
+@alert-padding:                                 @global-small-gutter;
+@alert-padding-right:                           @alert-padding + 14px;
+@alert-background:                              @global-muted-background;
+@alert-color:                                   @global-color;
+
+@alert-close-top:                               @alert-padding + 5px;
+@alert-close-right:                             @alert-padding;
+
+@alert-primary-background:                      lighten(tint(@global-primary-background, 40%), 20%);
+@alert-primary-color:                           @global-primary-background;
+
+@alert-success-background:                      lighten(tint(@global-success-background, 40%), 25%);
+@alert-success-color:                           @global-success-background;
+
+@alert-warning-background:                      lighten(tint(@global-warning-background, 45%), 15%);
+@alert-warning-color:                           @global-warning-background;
+
+@alert-danger-background:                       lighten(tint(@global-danger-background, 40%), 20%);
+@alert-danger-color:                            @global-danger-background;
+
+
+/* ========================================================================
+   Component: Alert
+ ========================================================================== */
+
+.uk-alert {
+    position: relative;
+    margin-bottom: @alert-margin-vertical;
+    padding: @alert-padding @alert-padding-right @alert-padding @alert-padding;
+    background: @alert-background;
+    color: @alert-color;
+    .hook-alert;
+}
+
+/* Add margin if adjacent element */
+* + .uk-alert { margin-top: @alert-margin-vertical; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-alert > :last-child { margin-bottom: 0; }
+
+
+/* Close
+ * Adopts `uk-close`
+ ========================================================================== */
+
+.uk-alert-close {
+    position: absolute;
+    top: @alert-close-top;
+    right: @alert-close-right;
+    .hook-alert-close;
+}
+
+/*
+ * Remove margin from adjacent element
+ */
+
+.uk-alert-close:first-child + * { margin-top: 0; }
+
+/*
+ * Hover + Focus
+ */
+
+.uk-alert-close:hover,
+.uk-alert-close:focus {
+    .hook-alert-close-hover;
+}
+
+
+/* Style modifiers
+ ========================================================================== */
+
+/*
+ * Primary
+ */
+
+.uk-alert-primary {
+    background: @alert-primary-background;
+    color: @alert-primary-color;
+    .hook-alert-primary;
+}
+
+/*
+ * Success
+ */
+
+.uk-alert-success {
+    background: @alert-success-background;
+    color: @alert-success-color;
+    .hook-alert-success;
+}
+
+/*
+ * Warning
+ */
+
+.uk-alert-warning {
+    background: @alert-warning-background;
+    color: @alert-warning-color;
+    .hook-alert-warning;
+}
+
+/*
+ * Danger
+ */
+
+.uk-alert-danger {
+    background: @alert-danger-background;
+    color: @alert-danger-color;
+    .hook-alert-danger;
+}
+
+
+// Hooks
+// ========================================================================
+
+.hook-alert-misc;
+
+.hook-alert() {}
+.hook-alert-close() {}
+.hook-alert-close-hover() {}
+.hook-alert-primary() {}
+.hook-alert-success() {}
+.hook-alert-warning() {}
+.hook-alert-danger() {}
+.hook-alert-misc() {}