jekyll-uikit 0.1.5 → 0.1.7

data/assets/node_modules/uikit/src/scss/components/margin.scss

@@ -0,0 +1,163 @@
+// Name:            Margin
+// Description:     Utilities for margins
+//
+// Component:       `uk-margin-*`
+//                  `uk-margin-small-*`
+//                  `uk-margin-medium-*`
+//                  `uk-margin-large-*`
+//                  `uk-margin-xlarge-*`
+//                  `uk-margin-remove-*`
+//                  `uk-margin-auto-*`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$margin-margin:                                         $global-margin !default;
+
+$margin-small-margin:                                   $global-small-margin !default;
+
+$margin-medium-margin:                                  $global-medium-margin !default;
+
+$margin-large-margin:                                   $global-medium-margin !default;
+$margin-large-margin-l:                                 $global-large-margin !default;
+
+$margin-xlarge-margin:                                  $global-large-margin !default;
+$margin-xlarge-margin-l:                                $global-xlarge-margin !default;
+
+
+/* ========================================================================
+   Component: Margin
+ ========================================================================== */
+
+/*
+ * Default
+ */
+
+.uk-margin { margin-bottom: $margin-margin; }
+* + .uk-margin { margin-top: $margin-margin !important; }
+
+.uk-margin-top { margin-top: $margin-margin !important; }
+.uk-margin-bottom { margin-bottom: $margin-margin !important; }
+.uk-margin-left { margin-left: $margin-margin !important; }
+.uk-margin-right { margin-right: $margin-margin !important; }
+
+
+/* Small
+ ========================================================================== */
+
+.uk-margin-small { margin-bottom: $margin-small-margin; }
+* + .uk-margin-small { margin-top: $margin-small-margin !important; }
+
+.uk-margin-small-top { margin-top: $margin-small-margin !important; }
+.uk-margin-small-bottom { margin-bottom: $margin-small-margin !important; }
+.uk-margin-small-left { margin-left: $margin-small-margin !important; }
+.uk-margin-small-right { margin-right: $margin-small-margin !important; }
+
+
+/* Medium
+ ========================================================================== */
+
+.uk-margin-medium { margin-bottom: $margin-medium-margin; }
+* + .uk-margin-medium { margin-top: $margin-medium-margin !important; }
+
+.uk-margin-medium-top { margin-top: $margin-medium-margin !important; }
+.uk-margin-medium-bottom { margin-bottom: $margin-medium-margin !important; }
+.uk-margin-medium-left { margin-left: $margin-medium-margin !important; }
+.uk-margin-medium-right { margin-right: $margin-medium-margin !important; }
+
+
+/* Large
+ ========================================================================== */
+
+.uk-margin-large { margin-bottom: $margin-large-margin; }
+* + .uk-margin-large { margin-top: $margin-large-margin !important; }
+
+.uk-margin-large-top { margin-top: $margin-large-margin !important; }
+.uk-margin-large-bottom { margin-bottom: $margin-large-margin !important; }
+.uk-margin-large-left { margin-left: $margin-large-margin !important; }
+.uk-margin-large-right { margin-right: $margin-large-margin !important; }
+
+/* Desktop and bigger */
+@media (min-width: $breakpoint-large) {
+
+    .uk-margin-large { margin-bottom: $margin-large-margin-l; }
+    * + .uk-margin-large { margin-top: $margin-large-margin-l !important; }
+
+    .uk-margin-large-top { margin-top: $margin-large-margin-l !important; }
+    .uk-margin-large-bottom { margin-bottom: $margin-large-margin-l !important; }
+    .uk-margin-large-left { margin-left: $margin-large-margin-l !important; }
+    .uk-margin-large-right { margin-right: $margin-large-margin-l !important; }
+
+}
+
+
+/* XLarge
+ ========================================================================== */
+
+.uk-margin-xlarge { margin-bottom: $margin-xlarge-margin; }
+* + .uk-margin-xlarge { margin-top: $margin-xlarge-margin !important; }
+
+.uk-margin-xlarge-top { margin-top: $margin-xlarge-margin !important; }
+.uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin !important; }
+.uk-margin-xlarge-left { margin-left: $margin-xlarge-margin !important; }
+.uk-margin-xlarge-right { margin-right: $margin-xlarge-margin !important; }
+
+/* Desktop and bigger */
+@media (min-width: $breakpoint-large) {
+
+    .uk-margin-xlarge { margin-bottom: $margin-xlarge-margin-l; }
+    * + .uk-margin-xlarge { margin-top: $margin-xlarge-margin-l !important; }
+
+    .uk-margin-xlarge-top { margin-top: $margin-xlarge-margin-l !important; }
+    .uk-margin-xlarge-bottom { margin-bottom: $margin-xlarge-margin-l !important; }
+    .uk-margin-xlarge-left { margin-left: $margin-xlarge-margin-l !important; }
+    .uk-margin-xlarge-right { margin-right: $margin-xlarge-margin-l !important; }
+
+}
+
+
+/* Remove
+ ========================================================================== */
+
+.uk-margin-remove { margin: 0 !important; }
+.uk-margin-remove-top { margin-top: 0 !important; }
+.uk-margin-remove-bottom { margin-bottom: 0 !important; }
+.uk-margin-remove-left { margin-left: 0 !important; }
+.uk-margin-remove-right { margin-right: 0 !important; }
+
+.uk-margin-remove-vertical {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+}
+
+.uk-margin-remove-adjacent + * { margin-top: 0 !important; }
+
+
+/* Auto
+ ========================================================================== */
+
+.uk-margin-auto {
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+
+.uk-margin-auto-top { margin-top: auto !important; }
+.uk-margin-auto-bottom { margin-bottom: auto !important; }
+.uk-margin-auto-left { margin-left: auto !important; }
+.uk-margin-auto-right { margin-right: auto !important; }
+
+.uk-margin-auto-vertical {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-margin-misc)) {@include hook-margin-misc();}
+
+// @mixin hook-margin-misc(){}

data/assets/node_modules/uikit/src/scss/components/marker.scss

@@ -0,0 +1,63 @@
+// Name:            Marker
+// Description:     Component to create a marker icon
+//
+// Component:       `uk-marker`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$marker-padding:                                  5px !default;
+$marker-background:                               $global-secondary-background !default;
+$marker-color:                                    $global-inverse-color !default;
+
+$marker-hover-color:                              $global-inverse-color !default;
+
+
+/* ========================================================================
+   Component: Marker
+ ========================================================================== */
+
+/*
+ * Addopts `uk-icon`
+ */
+
+.uk-marker {
+    padding: $marker-padding;
+    background: $marker-background;
+    color: $marker-color;
+    @if(mixin-exists(hook-marker)) {@include hook-marker();}
+}
+
+/* Hover + Focus */
+.uk-marker:hover,
+.uk-marker:focus {
+    color: $marker-hover-color;
+    outline: none;
+    @if(mixin-exists(hook-marker-hover)) {@include hook-marker-hover();}
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-marker-misc)) {@include hook-marker-misc();}
+
+// @mixin hook-marker(){}
+// @mixin hook-marker-hover(){}
+// @mixin hook-marker-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-marker-background:                   $global-muted-background !default;
+$inverse-marker-color:                        $global-color !default;
+$inverse-marker-hover-color:                  $global-color !default;
+
+
+
+// @mixin hook-inverse-marker(){}
+// @mixin hook-inverse-marker-hover(){}

data/assets/node_modules/uikit/src/scss/components/mixin.scss

@@ -0,0 +1,32 @@
+//
+// Component:       Mixin
+// Description:     Defines mixins which are used across all components
+//
+// ========================================================================
+
+
+// SVG
+// ========================================================================
+
+/// Replace `$search` with `$replace` in `$string`
+/// @author Hugo Giraudel
+/// @param {String} $string - Initial string
+/// @param {String} $search - Substring to replace
+/// @param {String} $replace ('') - New value
+/// @return {String} - Updated string
+@function str-replace($string, $search, $replace: '') {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+@mixin svg-fill($src, $color-default, $color-new){
+
+    $replace-src: str-replace($src, $color-default, $color-new) !default;
+    $replace-src: str-replace($replace-src, "#", "%23");
+    background-image: url(quote($replace-src));
+}

data/assets/node_modules/uikit/src/scss/components/modal.scss

@@ -0,0 +1,376 @@
+// Name:            Modal
+// Description:     Component to create modal dialogs
+//
+// Component:       `uk-modal`
+//
+// Sub-objects:     `uk-modal-page`
+//                  `uk-modal-dialog`
+//                  `uk-modal-header`
+//                  `uk-modal-body`
+//                  `uk-modal-footer`
+//                  `uk-modal-title`
+//                  `uk-modal-close`
+//
+// Adopted:         `uk-modal-close-default`
+//                  `uk-modal-close-outside`
+//                  `uk-modal-close-full`
+//
+// Modifiers:       `uk-modal-container`
+//                  `uk-modal-full`
+//
+// States:          `uk-open`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$modal-z-index:                                  $global-z-index + 10 !default;
+$modal-background:                               rgba(0,0,0,0.6) !default;
+
+$modal-padding-horizontal:                       15px !default;
+$modal-padding-horizontal-s:                     $global-gutter !default;
+$modal-padding-horizontal-m:                     $global-medium-gutter !default;
+$modal-padding-vertical:                         $modal-padding-horizontal !default;
+$modal-padding-vertical-s:                       50px !default;
+
+$modal-dialog-width:                             600px !default;
+$modal-dialog-background:                        $global-background !default;
+
+$modal-container-width:                          1200px !default;
+
+$modal-body-padding-horizontal:                  $global-gutter !default;
+$modal-body-padding-vertical:                    $global-gutter !default;
+
+$modal-header-padding-horizontal:                $global-gutter !default;
+$modal-header-padding-vertical:                  ($modal-header-padding-horizontal / 2) !default;
+$modal-header-background:                        $global-muted-background !default;
+
+$modal-footer-padding-horizontal:                $global-gutter !default;
+$modal-footer-padding-vertical:                  ($modal-footer-padding-horizontal / 2) !default;
+$modal-footer-background:                        $global-muted-background !default;
+
+$modal-title-font-size:                          $global-xlarge-font-size !default;
+$modal-title-line-height:                        1.3 !default;
+
+$modal-close-position:                           $global-small-margin !default;
+$modal-close-padding:                            5px !default;
+
+$modal-close-outside-position:                   0 !default;
+$modal-close-outside-translate:                  100% !default;
+$modal-close-outside-color:                      lighten($global-inverse-color, 20%) !default;
+$modal-close-outside-hover-color:                $global-inverse-color !default;
+
+
+/* ========================================================================
+   Component: Modal
+ ========================================================================== */
+
+/*
+ * 1. Hide by default
+ * 2. Set position
+ * 3. Allow scrolling for the modal dialog
+ * 4. Horizontal padding
+ * 5. Mask the background page
+ * 6. Fade-in transition
+ */
+
+.uk-modal {
+    /* 1 */
+    display: none;
+    /* 2 */
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: $modal-z-index;
+    /* 3 */
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    /* 4 */
+    padding: $modal-padding-vertical $modal-padding-horizontal;
+    /* 5 */
+    background: $modal-background;
+    /* 6 */
+    opacity: 0;
+    -webkit-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+    @if(mixin-exists(hook-modal)) {@include hook-modal();}
+}
+
+/* Phone landscape and bigger */
+@media (min-width: $breakpoint-small) {
+
+    .uk-modal { padding: $modal-padding-vertical-s $modal-padding-horizontal-s; }
+
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    .uk-modal {
+        padding-left: $modal-padding-horizontal-m;
+        padding-right: $modal-padding-horizontal-m;
+    }
+
+}
+
+/*
+ * Open
+ */
+
+.uk-modal.uk-open { opacity: 1; }
+
+
+/* Page
+ ========================================================================== */
+
+/*
+ * Prevent scrollbars
+ */
+
+.uk-modal-page { overflow: hidden; }
+
+
+/* Dialog
+ ========================================================================== */
+
+/*
+ * 1. Create position context for spinner and close button
+ * 2. Dimensions
+ * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11
+ *    `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests
+ * 4. Style
+ * 5. Slide-in transition
+ */
+
+.uk-modal-dialog {
+    /* 1 */
+    position: relative;
+    /* 2 */
+    box-sizing: border-box;
+    margin: 0 auto;
+    width: $modal-dialog-width;
+    /* 3 */
+    max-width: unquote('calc(100% - 0.01px)') !important;
+    /* 4 */
+    background: $modal-dialog-background;
+    /* 5 */
+    opacity: 0;
+    -webkit-transform: translateY(-100px);
+    transform: translateY(-100px);
+    -webkit-transition: 0.3s linear;
+    transition: 0.3s linear;
+    -webkit-transition-property: opacity, transform;
+    transition-property: opacity, transform;
+    @if(mixin-exists(hook-modal-dialog)) {@include hook-modal-dialog();}
+}
+
+/*
+ * Open
+ */
+
+.uk-open > .uk-modal-dialog {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+}
+
+
+/* Size modifier
+ ========================================================================== */
+
+/*
+ * Container size
+ * Take the same size as the Container component
+ */
+
+.uk-modal-container .uk-modal-dialog { width: $modal-container-width; }
+
+/*
+ * Full size
+ * 1. Remove padding and background from modal
+ * 2. Reset all default declarations from modal dialog
+ */
+
+/* 1 */
+.uk-modal-full {
+    padding: 0;
+    background: none;
+}
+
+/* 2 */
+.uk-modal-full .uk-modal-dialog {
+    margin: 0;
+    width: 100%;
+    max-width: 100%;
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    @if(mixin-exists(hook-modal-full)) {@include hook-modal-full();}
+}
+
+
+/* Sections
+ ========================================================================== */
+
+.uk-modal-body {
+    padding: $modal-body-padding-vertical $modal-body-padding-horizontal;
+    @if(mixin-exists(hook-modal-body)) {@include hook-modal-body();}
+}
+
+.uk-modal-header {
+    padding: $modal-header-padding-vertical $modal-header-padding-horizontal;
+    background: $modal-header-background;
+    @if(mixin-exists(hook-modal-header)) {@include hook-modal-header();}
+}
+
+.uk-modal-footer {
+    padding: $modal-footer-padding-vertical $modal-footer-padding-horizontal;
+    background: $modal-footer-background;
+    @if(mixin-exists(hook-modal-footer)) {@include hook-modal-footer();}
+}
+
+/*
+ * Micro clearfix
+ */
+
+.uk-modal-body::before,
+.uk-modal-body::after,
+.uk-modal-header::before,
+.uk-modal-header::after,
+.uk-modal-footer::before,
+.uk-modal-footer::after {
+    content: "";
+    display: table;
+}
+
+.uk-modal-body::after,
+.uk-modal-header::after,
+.uk-modal-footer::after { clear: both; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-modal-body > :last-child,
+.uk-modal-header > :last-child,
+.uk-modal-footer > :last-child { margin-bottom: 0; }
+
+
+/* Title
+ ========================================================================== */
+
+.uk-modal-title {
+    font-size: $modal-title-font-size;
+    line-height: $modal-title-line-height;
+    @if(mixin-exists(hook-modal-title)) {@include hook-modal-title();}
+}
+
+
+/* Close
+ * Adopts `uk-close`
+ ========================================================================== */
+
+[class*='uk-modal-close-'] {
+    position: absolute;
+    z-index: $modal-z-index;
+    top: $modal-close-position;
+    right: $modal-close-position;
+    padding: $modal-close-padding;
+    @if(mixin-exists(hook-modal-close)) {@include hook-modal-close();}
+}
+
+/*
+ * Remove margin from adjacent element
+ */
+
+[class*='uk-modal-close-']:first-child + * { margin-top: 0; }
+
+/*
+ * Hover
+ */
+
+[class*='uk-modal-close-']:hover {
+    @if(mixin-exists(hook-modal-close-hover)) {@include hook-modal-close-hover();}
+}
+
+/*
+ * Default
+ */
+
+.uk-modal-close-default {
+    @if(mixin-exists(hook-modal-close-default)) {@include hook-modal-close-default();}
+}
+
+.uk-modal-close-default:hover {
+    @if(mixin-exists(hook-modal-close-default-hover)) {@include hook-modal-close-default-hover();}
+}
+
+/*
+ * Outside
+ * 1. Prevent scrollbar on small devices
+ */
+
+.uk-modal-close-outside {
+    top: $modal-close-outside-position;
+    /* 1 */
+    right: (-$modal-close-padding);
+    -webkit-transform: translate(0, -($modal-close-outside-translate));
+    transform: translate(0, -($modal-close-outside-translate));
+    color: $modal-close-outside-color;
+    @if(mixin-exists(hook-modal-close-outside)) {@include hook-modal-close-outside();}
+}
+
+.uk-modal-close-outside:hover {
+    color: $modal-close-outside-hover-color;
+    @if(mixin-exists(hook-modal-close-outside-hover)) {@include hook-modal-close-outside-hover();}
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    /* 1 */
+    .uk-modal-close-outside {
+        right: $modal-close-outside-position;
+        -webkit-transform: translate($modal-close-outside-translate, -($modal-close-outside-translate));
+        transform: translate($modal-close-outside-translate, -($modal-close-outside-translate));
+    }
+
+}
+
+/*
+ * Full
+ */
+
+.uk-modal-close-full {
+    @if(mixin-exists(hook-modal-close-full)) {@include hook-modal-close-full();}
+}
+
+.uk-modal-close-full:hover {
+    @if(mixin-exists(hook-modal-close-full-hover)) {@include hook-modal-close-full-hover();}
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-modal-misc)) {@include hook-modal-misc();}
+
+// @mixin hook-modal(){}
+// @mixin hook-modal-dialog(){}
+// @mixin hook-modal-full(){}
+// @mixin hook-modal-header(){}
+// @mixin hook-modal-body(){}
+// @mixin hook-modal-footer(){}
+// @mixin hook-modal-title(){}
+// @mixin hook-modal-close(){}
+// @mixin hook-modal-close-hover(){}
+// @mixin hook-modal-close-default(){}
+// @mixin hook-modal-close-default-hover(){}
+// @mixin hook-modal-close-outside(){}
+// @mixin hook-modal-close-outside-hover(){}
+// @mixin hook-modal-close-full(){}
+// @mixin hook-modal-close-full-hover(){}
+// @mixin hook-modal-misc(){}