jekyll-uikit 0.1.5 → 0.1.7

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

@@ -0,0 +1,276 @@
+// Name:            Text
+// Description:     Utilities for text
+//
+// Component:       `uk-text-*`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@text-lead-font-size:                           @global-large-font-size;
+@text-lead-line-height:                         1.5;
+@text-lead-color:                               @global-emphasis-color;
+
+@text-meta-font-size:                           @global-small-font-size;
+@text-meta-line-height:                         1.4;
+@text-meta-color:                               @global-muted-color;
+
+@text-small-font-size:                          @global-small-font-size;
+@text-small-line-height:                        1.5;
+
+@text-large-font-size:                          @global-large-font-size;
+@text-large-line-height:                        1.5;
+
+@text-muted-color:                              @global-muted-color;
+@text-primary-color:                            @global-primary-background;
+@text-success-color:                            @global-success-background;
+@text-warning-color:                            @global-warning-background;
+@text-danger-color:                             @global-danger-background;
+
+@text-background-color:                         @global-primary-background;
+
+
+/* ========================================================================
+   Component: Text
+ ========================================================================== */
+
+
+/* Style modifiers
+ ========================================================================== */
+
+.uk-text-lead {
+    font-size: @text-lead-font-size;
+    line-height: @text-lead-line-height;
+    color: @text-lead-color;
+    .hook-text-lead;
+}
+
+.uk-text-meta {
+    font-size: @text-meta-font-size;
+    line-height: @text-meta-line-height;
+    color: @text-meta-color;
+    .hook-text-meta;
+}
+
+
+/* Size modifiers
+ ========================================================================== */
+
+.uk-text-small {
+    font-size: @text-small-font-size;
+    line-height: @text-small-line-height;
+    .hook-text-small;
+}
+
+.uk-text-large {
+    font-size: @text-large-font-size;
+    line-height: @text-large-line-height;
+    .hook-text-large;
+}
+
+
+/* Weight modifier
+ ========================================================================== */
+
+.uk-text-bold { font-weight: bolder; }
+
+
+/* Transform modifier
+ ========================================================================== */
+
+.uk-text-uppercase { text-transform: uppercase !important; }
+.uk-text-capitalize { text-transform: capitalize !important; }
+.uk-text-lowercase { text-transform: lowercase !important; }
+
+
+/* Color modifiers
+ ========================================================================== */
+
+.uk-text-muted { color: @text-muted-color !important; }
+.uk-text-primary { color: @text-primary-color !important; }
+.uk-text-success { color: @text-success-color !important; }
+.uk-text-warning { color: @text-warning-color !important; }
+.uk-text-danger { color: @text-danger-color !important; }
+
+
+/* Background modifier
+ ========================================================================== */
+
+/*
+ * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
+ *    Default color is set to transparent
+ * 2. Container fits the text
+ * 3. Fallback color for IE11
+ */
+
+.uk-text-background {
+    /* 1 */
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    /* 2 */
+    display: inline-block;
+    /* 3 */
+    color: @text-background-color !important;
+}
+
+@supports (-webkit-background-clip: text) {
+
+    .uk-text-background {
+        background-color: @text-background-color;
+        .hook-text-background;
+    }
+
+}
+
+
+/* Alignment modifiers
+ ========================================================================== */
+
+.uk-text-left { text-align: left !important; }
+.uk-text-right { text-align: right !important; }
+.uk-text-center { text-align: center !important; }
+.uk-text-justify { text-align: justify !important; }
+
+/* Phone landscape and bigger */
+@media (min-width: @breakpoint-small) {
+
+    .uk-text-left\@s { text-align: left !important; }
+    .uk-text-right\@s { text-align: right !important; }
+    .uk-text-center\@s { text-align: center !important; }
+
+}
+
+/* Tablet landscape and bigger */
+@media (min-width: @breakpoint-medium) {
+
+    .uk-text-left\@m { text-align: left !important; }
+    .uk-text-right\@m { text-align: right !important; }
+    .uk-text-center\@m { text-align: center !important; }
+
+}
+
+/* Desktop and bigger */
+@media (min-width: @breakpoint-large) {
+
+    .uk-text-left\@l { text-align: left !important; }
+    .uk-text-right\@l { text-align: right !important; }
+    .uk-text-center\@l { text-align: center !important; }
+
+}
+
+/* Large screen and bigger */
+@media (min-width: @breakpoint-xlarge) {
+
+    .uk-text-left\@xl { text-align: left !important; }
+    .uk-text-right\@xl { text-align: right !important; }
+    .uk-text-center\@xl { text-align: center !important; }
+
+}
+
+/*
+ * Vertical
+ */
+
+.uk-text-top { vertical-align: top !important; }
+.uk-text-middle { vertical-align: middle !important; }
+.uk-text-bottom { vertical-align: bottom !important; }
+.uk-text-baseline { vertical-align: baseline !important; }
+
+
+/* Wrap modifiers
+ ========================================================================== */
+
+/*
+ * Prevent text from wrapping onto multiple lines
+ */
+
+.uk-text-nowrap { white-space: nowrap; }
+
+/*
+ * 1. Make sure a max-width is set after which truncation can occur
+ * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
+ * 3. Fix for table cells
+ */
+
+.uk-text-truncate {
+    /* 1 */
+    max-width: 100%;
+    /* 2 */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/* 2 */
+th.uk-text-truncate,
+td.uk-text-truncate { max-width: 0; }
+
+
+/*
+ * 1. Wrap long words onto the next line and break them if they are too long to fit
+ * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
+ * 3. Add a hyphen where the word breaks
+ * 4. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
+ *    Must use `break-all` to support IE11 and Edge
+ */
+
+.uk-text-break {
+    /* 1 */
+    overflow-wrap: break-word;
+    /* 2 */
+    word-wrap: break-word;
+    /* 3 */
+    -webkit-hyphens: auto;
+    -ms-hyphens: auto;
+    -moz-hyphens: auto;
+    hyphens: auto;
+}
+
+/* 4 */
+th.uk-text-break,
+td.uk-text-break { word-break: break-all; }
+
+
+
+// Hooks
+// ========================================================================
+
+.hook-text-misc;
+
+.hook-text-lead() {}
+.hook-text-meta() {}
+.hook-text-small() {}
+.hook-text-large() {}
+.hook-text-background() {}
+.hook-text-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+@inverse-text-lead-color:                      @inverse-global-color;
+@inverse-text-meta-color:                      @inverse-global-muted-color;
+@inverse-text-muted-color:                     @inverse-global-muted-color;
+@inverse-text-primary-color:                   @inverse-global-color;
+
+.hook-inverse() {
+
+    .uk-text-lead {
+        color: @inverse-text-lead-color;
+        .hook-inverse-text-lead;
+    }
+
+    .uk-text-meta {
+        color: @inverse-text-meta-color;
+        .hook-inverse-text-meta;
+    }
+
+    .uk-text-muted { color: @inverse-text-muted-color !important; }
+    .uk-text-primary { color: @inverse-text-primary-color !important; }
+
+}
+
+.hook-inverse-text-lead() {}
+.hook-inverse-text-meta() {}

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

@@ -0,0 +1,146 @@
+// Name:            Thumbnav
+// Description:     Component to create thumbnail navigations
+//
+// Component:       `uk-thumbnav`
+//
+// Modifier:        `uk-thumbnav-vertical`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@thumbnav-margin-horizontal:                    15px;
+@thumbnav-margin-vertical:                      @thumbnav-margin-horizontal;
+
+
+/* ========================================================================
+   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;
+    .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;
+    .hook-thumbnav-item;
+}
+
+/* Hover + Focus */
+.uk-thumbnav > * > :hover,
+.uk-thumbnav > * > :focus {
+    outline: none;
+    .hook-thumbnav-item-hover;
+}
+
+/* Active */
+.uk-thumbnav > .uk-active > * {
+    .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
+// ========================================================================
+
+.hook-thumbnav-misc;
+
+.hook-thumbnav() {}
+.hook-thumbnav-item() {}
+.hook-thumbnav-item-hover() {}
+.hook-thumbnav-item-active() {}
+.hook-thumbnav-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse() {
+
+    .uk-thumbnav > * > * {
+        .hook-inverse-thumbnav-item;
+    }
+
+    .uk-thumbnav > * > :hover,
+    .uk-thumbnav > * > :focus {
+        .hook-inverse-thumbnav-item-hover;
+    }
+
+    .uk-thumbnav > .uk-active > * {
+        .hook-inverse-thumbnav-item-active;
+    }
+
+}
+
+.hook-inverse-thumbnav-item() {}
+.hook-inverse-thumbnav-item-hover() {}
+.hook-inverse-thumbnav-item-active() {}

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

@@ -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;
+@tile-padding-horizontal-s:                    @global-gutter;
+@tile-padding-horizontal-m:                    @global-medium-gutter;
+@tile-padding-vertical:                        @global-medium-margin;
+@tile-padding-vertical-m:                      @global-large-margin;
+
+@tile-xsmall-padding-vertical:                 @global-margin;
+
+@tile-small-padding-vertical:                  @global-medium-margin;
+
+@tile-large-padding-vertical:                  @global-large-margin;
+@tile-large-padding-vertical-m:                @global-xlarge-margin;
+
+@tile-xlarge-padding-vertical:                 @global-xlarge-margin;
+@tile-xlarge-padding-vertical-m:               (@global-large-margin + @global-xlarge-margin);
+
+@tile-default-background:                      @global-background;
+
+@tile-muted-background:                        @global-muted-background;
+
+@tile-primary-background:                      @global-primary-background;
+@tile-primary-color-mode:                      light;
+
+@tile-secondary-background:                    @global-secondary-background;
+@tile-secondary-color-mode:                    light;
+
+
+/* ========================================================================
+   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;
+    .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;
+    .hook-tile-default;
+}
+
+/*
+ * Muted
+ */
+
+.uk-tile-muted {
+    background: @tile-muted-background;
+    .hook-tile-muted;
+}
+
+/*
+ * Primary
+ */
+
+.uk-tile-primary {
+    background: @tile-primary-background;
+    .hook-tile-primary;
+}
+
+// Color Mode
+.uk-tile-primary:not(.uk-preserve-color):extend(.uk-light all) when (@tile-primary-color-mode = light) {}
+.uk-tile-primary:not(.uk-preserve-color):extend(.uk-dark all) when (@tile-primary-color-mode = dark) {}
+
+/*
+ * Secondary
+ */
+
+.uk-tile-secondary {
+    background: @tile-secondary-background;
+    .hook-tile-secondary;
+}
+
+// Color Mode
+.uk-tile-secondary:not(.uk-preserve-color):extend(.uk-light all) when (@tile-secondary-color-mode = light) {}
+.uk-tile-secondary:not(.uk-preserve-color):extend(.uk-dark all) when (@tile-secondary-color-mode = dark) {}
+
+
+// Hooks
+// ========================================================================
+
+.hook-tile-misc;
+
+.hook-tile() {}
+.hook-tile-default() {}
+.hook-tile-muted() {}
+.hook-tile-primary() {}
+.hook-tile-secondary() {}
+.hook-tile-misc() {}