jekyll-uikit 0.1.5 → 0.1.7

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

@@ -0,0 +1,131 @@
+// Name:            Thumbnav
+// Description:     Component to create thumbnail navigations
+//
+// Component:       `uk-thumbnav`
+//
+// Modifier:        `uk-thumbnav-vertical`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$thumbnav-margin-horizontal:                     15px !default;
+$thumbnav-margin-vertical:                       $thumbnav-margin-horizontal !default;
+
+
+/* ========================================================================
+   Component: Thumbnav
+ ========================================================================== */
+
+/*
+ * 1. Allow items to wrap into the next line
+ * 2. Reset list
+ * 3. Gutter
+ */
+
+.uk-thumbnav {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    /* 1 */
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    /* 2 */
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    /* 3 */
+    margin-left: (-$thumbnav-margin-horizontal);
+    @if(mixin-exists(hook-thumbnav)) {@include hook-thumbnav();}
+}
+
+/*
+ * 1. Space is allocated solely based on content dimensions: 0 0 auto
+ * 2. Gutter
+ */
+
+.uk-thumbnav > * {
+    /* 1 */
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    /* 2 */
+    padding-left: $thumbnav-margin-horizontal;
+}
+
+
+/* Items
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-thumbnav > * > * {
+    display: inline-block;
+    @if(mixin-exists(hook-thumbnav-item)) {@include hook-thumbnav-item();}
+}
+
+/* Hover + Focus */
+.uk-thumbnav > * > :hover,
+.uk-thumbnav > * > :focus {
+    outline: none;
+    @if(mixin-exists(hook-thumbnav-item-hover)) {@include hook-thumbnav-item-hover();}
+}
+
+/* Active */
+.uk-thumbnav > .uk-active > * {
+    @if(mixin-exists(hook-thumbnav-item-active)) {@include hook-thumbnav-item-active();}
+}
+
+
+/* Modifier: 'uk-thumbnav-vertical'
+ ========================================================================== */
+
+/*
+ * 1. Change direction
+ * 2. Gutter
+ */
+
+.uk-thumbnav-vertical {
+    /* 1 */
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    /* 2 */
+    margin-left: 0;
+    margin-top: (-$thumbnav-margin-vertical);
+}
+
+/* 2 */
+.uk-thumbnav-vertical > * {
+    padding-left: 0;
+    padding-top: $thumbnav-margin-vertical;
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-thumbnav-misc)) {@include hook-thumbnav-misc();}
+
+// @mixin hook-thumbnav(){}
+// @mixin hook-thumbnav-item(){}
+// @mixin hook-thumbnav-item-hover(){}
+// @mixin hook-thumbnav-item-active(){}
+// @mixin hook-thumbnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+
+
+// @mixin hook-inverse-thumbnav-item(){}
+// @mixin hook-inverse-thumbnav-item-hover(){}
+// @mixin hook-inverse-thumbnav-item-active(){}

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

@@ -0,0 +1,224 @@
+// Name:            Tile
+// Description:     Component to create tiled boxes
+//
+// Component:       `uk-tile`
+//
+// Modifiers:       `uk-tile-xsmall`
+//                  `uk-tile-small`
+//                  `uk-tile-large`
+//                  `uk-tile-xlarge`
+//                  `uk-tile-default`
+//                  `uk-tile-muted`
+//                  `uk-tile-primary`
+//                  `uk-tile-secondary`
+//
+// States:          `uk-preserve-color`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$tile-padding-horizontal:                       15px !default;
+$tile-padding-horizontal-s:                     $global-gutter !default;
+$tile-padding-horizontal-m:                     $global-medium-gutter !default;
+$tile-padding-vertical:                         $global-medium-margin !default;
+$tile-padding-vertical-m:                       $global-large-margin !default;
+
+$tile-xsmall-padding-vertical:                  $global-margin !default;
+
+$tile-small-padding-vertical:                   $global-medium-margin !default;
+
+$tile-large-padding-vertical:                   $global-large-margin !default;
+$tile-large-padding-vertical-m:                 $global-xlarge-margin !default;
+
+$tile-xlarge-padding-vertical:                  $global-xlarge-margin !default;
+$tile-xlarge-padding-vertical-m:                ($global-large-margin + $global-xlarge-margin) !default;
+
+$tile-default-background:                       $global-background !default;
+
+$tile-muted-background:                         $global-muted-background !default;
+
+$tile-primary-background:                       $global-primary-background !default;
+$tile-primary-color-mode:                       light !default;
+
+$tile-secondary-background:                     $global-secondary-background !default;
+$tile-secondary-color-mode:                     light !default;
+
+
+/* ========================================================================
+   Component: Tile
+ ========================================================================== */
+
+.uk-tile {
+    position: relative;
+    box-sizing: border-box;
+    padding-left: $tile-padding-horizontal;
+    padding-right: $tile-padding-horizontal;
+    padding-top: $tile-padding-vertical;
+    padding-bottom: $tile-padding-vertical;
+    @if(mixin-exists(hook-tile)) {@include hook-tile();}
+}
+
+/* Phone landscape and bigger */
+@media (min-width: $breakpoint-small) {
+
+    .uk-tile {
+        padding-left: $tile-padding-horizontal-s;
+        padding-right: $tile-padding-horizontal-s;
+    }
+
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    .uk-tile {
+        padding-left: $tile-padding-horizontal-m;
+        padding-right: $tile-padding-horizontal-m;
+        padding-top: $tile-padding-vertical-m;
+        padding-bottom: $tile-padding-vertical-m;
+    }
+
+}
+
+/*
+ * Micro clearfix
+ */
+
+.uk-tile::before,
+.uk-tile::after {
+    content: "";
+    display: table;
+}
+
+.uk-tile::after { clear: both; }
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-tile > :last-child { margin-bottom: 0; }
+
+
+/* Size modifiers
+ ========================================================================== */
+
+/*
+ * XSmall
+ */
+
+.uk-tile-xsmall {
+    padding-top: $tile-xsmall-padding-vertical;
+    padding-bottom: $tile-xsmall-padding-vertical;
+}
+
+/*
+ * Small
+ */
+
+.uk-tile-small {
+    padding-top: $tile-small-padding-vertical;
+    padding-bottom: $tile-small-padding-vertical;
+}
+
+/*
+ * Large
+ */
+
+.uk-tile-large {
+    padding-top: $tile-large-padding-vertical;
+    padding-bottom: $tile-large-padding-vertical;
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    .uk-tile-large {
+        padding-top: $tile-large-padding-vertical-m;
+        padding-bottom: $tile-large-padding-vertical-m;
+    }
+
+}
+
+
+/*
+ * XLarge
+ */
+
+.uk-tile-xlarge {
+    padding-top: $tile-xlarge-padding-vertical;
+    padding-bottom: $tile-xlarge-padding-vertical;
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: $breakpoint-medium) {
+
+    .uk-tile-xlarge {
+        padding-top: $tile-xlarge-padding-vertical-m;
+        padding-bottom: $tile-xlarge-padding-vertical-m;
+    }
+
+}
+
+
+/* Style modifiers
+ ========================================================================== */
+
+/*
+ * Default
+ */
+
+.uk-tile-default {
+    background: $tile-default-background;
+    @if(mixin-exists(hook-tile-default)) {@include hook-tile-default();}
+}
+
+/*
+ * Muted
+ */
+
+.uk-tile-muted {
+    background: $tile-muted-background;
+    @if(mixin-exists(hook-tile-muted)) {@include hook-tile-muted();}
+}
+
+/*
+ * Primary
+ */
+
+.uk-tile-primary {
+    background: $tile-primary-background;
+    @if(mixin-exists(hook-tile-primary)) {@include hook-tile-primary();}
+}
+
+// Color Mode
+@if ( $tile-primary-color-mode == light ) { .uk-tile-primary:not(.uk-preserve-color) { @extend .uk-light !optional;} }
+@if ( $tile-primary-color-mode == dark ) { .uk-tile-primary:not(.uk-preserve-color) { @extend .uk-dark !optional;} }
+
+/*
+ * Secondary
+ */
+
+.uk-tile-secondary {
+    background: $tile-secondary-background;
+    @if(mixin-exists(hook-tile-secondary)) {@include hook-tile-secondary();}
+}
+
+// Color Mode
+@if ( $tile-secondary-color-mode == light ) { .uk-tile-secondary:not(.uk-preserve-color) { @extend .uk-light !optional;} }
+@if ( $tile-secondary-color-mode == dark ) { .uk-tile-secondary:not(.uk-preserve-color) { @extend .uk-dark !optional;} }
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-tile-misc)) {@include hook-tile-misc();}
+
+// @mixin hook-tile(){}
+// @mixin hook-tile-default(){}
+// @mixin hook-tile-muted(){}
+// @mixin hook-tile-primary(){}
+// @mixin hook-tile-secondary(){}
+// @mixin hook-tile-misc(){}

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

@@ -0,0 +1,84 @@
+// Name:            Tooltip
+// Description:     Component to create tooltips
+//
+// Component:       `uk-tooltip`
+//
+// Modifiers        `uk-tooltip-top`
+//                  `uk-tooltip-top-left`
+//                  `uk-tooltip-top-right`
+//                  `uk-tooltip-bottom`
+//                  `uk-tooltip-bottom-left`
+//                  `uk-tooltip-bottom-right`
+//                  `uk-tooltip-left`
+//                  `uk-tooltip-right`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$tooltip-z-index:                                $global-z-index + 30 !default;
+$tooltip-max-width:                              200px !default;
+$tooltip-padding-vertical:                       3px !default;
+$tooltip-padding-horizontal:                     6px !default;
+$tooltip-background:                             #666 !default;
+$tooltip-border-radius:                          2px !default;
+$tooltip-color:                                  $global-inverse-color !default;
+$tooltip-font-size:                              12px !default;
+
+$tooltip-margin:                                 10px !default;
+
+
+/* ========================================================================
+   Component: Tooltip
+ ========================================================================== */
+
+/*
+ * 1. Hide by default
+ * 2. Position
+ * 3. Dimensions
+ * 4. Style
+ */
+
+.uk-tooltip {
+    /* 1 */
+    display: none;
+    /* 2 */
+    position: absolute;
+    z-index: $tooltip-z-index;
+    /* 3 */
+    box-sizing: border-box;
+    max-width: $tooltip-max-width;
+    padding: $tooltip-padding-vertical $tooltip-padding-horizontal;
+    /* 4 */
+    background: $tooltip-background;
+    border-radius: $tooltip-border-radius;
+    color: $tooltip-color;
+    font-size: $tooltip-font-size;
+    @if(mixin-exists(hook-tooltip)) {@include hook-tooltip();}
+}
+
+/* Show */
+.uk-tooltip.uk-active { display: block; }
+
+
+/* Direction / Alignment modifiers
+ ========================================================================== */
+
+/* Direction */
+[class*='uk-tooltip-top'] { margin-top: (-$tooltip-margin); }
+[class*='uk-tooltip-bottom'] { margin-top: $tooltip-margin; }
+[class*='uk-tooltip-left'] { margin-left: (-$tooltip-margin); }
+[class*='uk-tooltip-right'] { margin-left: $tooltip-margin; }
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-tooltip-misc)) {@include hook-tooltip-misc();}
+
+// @mixin hook-tooltip(){}
+// @mixin hook-tooltip-misc(){}

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

@@ -0,0 +1,71 @@
+// Name:            Totop
+// Description:     Component to create an icon to scroll back to top
+//
+// Component:       `uk-totop`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$totop-padding:                                  5px !default;
+$totop-color:                                    $global-muted-color !default;
+
+$totop-hover-color:                              $global-color !default;
+
+$totop-active-color:                             $global-emphasis-color !default;
+
+
+/* ========================================================================
+   Component: Totop
+ ========================================================================== */
+
+/*
+ * Addopts `uk-icon`
+ */
+
+.uk-totop {
+    padding: $totop-padding;
+    color: $totop-color;
+    @if(mixin-exists(hook-totop)) {@include hook-totop();}
+}
+
+/* Hover + Focus */
+.uk-totop:hover,
+.uk-totop:focus {
+    color: $totop-hover-color;
+    outline: none;
+    @if(mixin-exists(hook-totop-hover)) {@include hook-totop-hover();}
+}
+
+/* OnClick */
+.uk-totop:active {
+    color: $totop-active-color;
+    @if(mixin-exists(hook-totop-active)) {@include hook-totop-active();}
+}
+
+
+// Hooks
+// ========================================================================
+
+@if(mixin-exists(hook-totop-misc)) {@include hook-totop-misc();}
+
+// @mixin hook-totop(){}
+// @mixin hook-totop-hover(){}
+// @mixin hook-totop-active(){}
+// @mixin hook-totop-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-totop-color:                        $inverse-global-muted-color !default;
+$inverse-totop-hover-color:                  $inverse-global-color !default;
+$inverse-totop-active-color:                 $inverse-global-emphasis-color !default;
+
+
+
+// @mixin hook-inverse-totop(){}
+// @mixin hook-inverse-totop-hover(){}
+// @mixin hook-inverse-totop-active(){}