uikit-on-rails 1.5.0

data/vendor/assets/stylesheets/extra/font-awesome.scss

@@ -0,0 +1,14 @@
+//= depend_on_asset "fontawesome-webfont.eot"
+//= depend_on_asset "fontawesome-webfont.otf"
+//= depend_on_asset "fontawesome-webfont.svg"
+//= depend_on_asset "fontawesome-webfont.ttf"
+//= depend_on_asset "fontawesome-webfont.woff"
+//= depend_on_asset "fontawesome-webfont.woff2"
+
+@font-face {
+  font-family: "FontAwesome";
+  src: font-url('fontawesome-webfont.eot');
+  src: font-url('fontawesome-webfont.eot?#iefix') format('embedded-opentype'), font-url("fontawesome-webfont.otf") format("opentype"), font-url('fontawesome-webfont.woff2') format('woff2'), font-url('fontawesome-webfont.woff') format('woff'), font-url('fontawesome-webfont.ttf') format('truetype'), font-url('fontawesome-webfont.svg?#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}

data/vendor/assets/stylesheets/uikit.scss

@@ -0,0 +1,7 @@
+@charset "UTF-8";
+
+@import "extra/font-awesome";
+
+@import "uikit/uikit-variables";
+@import "uikit/uikit-mixins";
+@import "uikit/uikit";

data/vendor/assets/stylesheets/uikit/components/accordion.scss

@@ -0,0 +1,94 @@
+// Name:            Accordion
+// Description:     Defines styles for the accordion
+//
+// Component:       `uk-accordion`
+//
+// Sub-objects:     `uk-accordion-title`
+//                  `uk-accordion-content`
+//
+// Markup:
+//
+// <!-- uk-accordion -->
+// <div class="uk-accordion" data-uk-accordion>
+//     <h3 class="uk-accordion-title"></h3>
+//     <div class="uk-accordion-content">
+//         <p></p>
+//     </div>
+// </div>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$accordion-title-margin-bottom:                  15px !default;
+$accordion-title-padding-vertical:               5px !default;
+$accordion-title-padding-horizontal:             15px !default;
+$accordion-title-font-size:                      18px !default;
+$accordion-title-line-height:                    24px !default;
+$accordion-title-background:                     #eee !default;
+
+$accordion-content-padding-horizontal:           $accordion-title-padding-horizontal !default;
+$accordion-content-padding-bottom:               $accordion-title-padding-horizontal !default;
+
+
+/* ========================================================================
+   Component: Accordion
+ ========================================================================== */
+
+.uk-accordion {
+    @include hook-accordion();
+}
+
+/* Sub-object: `uk-accordion-title`
+ ========================================================================== */
+
+.uk-accordion-title {
+    margin-top: 0;
+    margin-bottom: $accordion-title-margin-bottom;
+    padding: $accordion-title-padding-vertical $accordion-title-padding-horizontal;
+    background: $accordion-title-background;
+    font-size: $accordion-title-font-size;
+    line-height: $accordion-title-line-height;
+    cursor: pointer;
+    @include hook-accordion-title();
+}
+
+
+/* Sub-object: `uk-accordion-content`
+ ========================================================================== */
+
+.uk-accordion-content {
+    padding: 0 $accordion-content-padding-horizontal $accordion-content-padding-bottom $accordion-content-padding-horizontal;
+    @include hook-accordion-content();
+}
+
+/*
+ * Micro clearfix to make panels more robust
+ */
+
+.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
+// ========================================================================
+
+@include hook-accordion-misc();
+
+// @mixin hook-accordion(){}
+// @mixin hook-accordion-title(){}
+// @mixin hook-accordion-content(){}
+// @mixin hook-accordion-misc(){}

data/vendor/assets/stylesheets/uikit/components/autocomplete.scss

@@ -0,0 +1,107 @@
+// Name:            Autocomplete
+// Description:     Provides suggestions while you type into an input field
+//
+// Component:       `uk-autocomplete`
+//
+// Modifier:	    (Nav) `uk-nav-autocomplete`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+// Nav modifier
+$nav-autocomplete-color:                         #444 !default;
+$nav-autocomplete-active-background:             #00a8e6 !default;
+$nav-autocomplete-active-color:                  #fff !default;
+$nav-autocomplete-header-color:                  #999 !default;
+$nav-autocomplete-divider-border:                #ddd !default;
+$nav-autocomplete-divider-border-width:          1px !default;
+
+
+/* ========================================================================
+   Component: Autocomplete
+ ========================================================================== */
+
+/*
+ * 1. Container width fits its content
+ * 2. Create position context
+ * 3. Prevent `inline-block` consequences
+ * 4. Remove the gap between the container and its child element
+ */
+
+.uk-autocomplete {
+    /* 1 */
+    display: inline-block;
+    /* 2 */
+    position: relative;
+    /* 3 */
+    max-width: 100%;
+    /* 4 */
+    vertical-align: middle;
+}
+
+/* Legacy dropdown modifier */
+.uk-dropdown-flip {
+    left: auto;
+    right: 0;
+}
+
+/* Nav modifier `uk-nav-autocomplete`
+ ========================================================================== */
+
+/*
+ * Items
+ */
+
+.uk-nav-autocomplete > li > a {
+    color: $nav-autocomplete-color;
+    @include hook-nav-autocomplete();
+}
+
+/*
+ * Active
+ * 1. Remove default focus style
+ */
+
+.uk-nav-autocomplete > li.uk-active > a {
+    background: $nav-autocomplete-active-background;
+    color: $nav-autocomplete-active-color;
+    /* 1 */
+    outline: none;
+    @include hook-nav-autocomplete-active();
+}
+
+/*
+ * Sub-object: `uk-nav-header`
+ */
+
+.uk-nav-autocomplete .uk-nav-header {
+    color: $nav-autocomplete-header-color;
+    @include hook-nav-autocomplete-header();
+}
+
+/*
+ * Sub-object: `uk-nav-divider`
+ */
+
+.uk-nav-autocomplete .uk-nav-divider {
+    border-top: $nav-autocomplete-divider-border-width solid $nav-autocomplete-divider-border;
+    @include hook-nav-autocomplete-divider();
+}
+
+
+// Hooks
+// ========================================================================
+
+@include hook-autocomplete-misc();
+
+// @mixin hook-nav-autocomplete(){}
+// @mixin hook-nav-autocomplete-active(){}
+// @mixin hook-nav-autocomplete-header(){}
+// @mixin hook-nav-autocomplete-divider(){}
+
+// @mixin hook-autocomplete-misc(){}

data/vendor/assets/stylesheets/uikit/components/datepicker.scss

@@ -0,0 +1,197 @@
+// Name:            Datepicker
+// Description:     Defines styles for a datepicker
+//
+// Component:       `uk-datepicker`
+//
+// Modifiers:       `uk-datepicker-nav`
+//                  `uk-datepicker-previous`
+//                  `uk-datepicker-next`
+//                  `uk-datepicker-heading`
+//                  `uk-datepicker-table`
+//                  `uk-datepicker-table-muted`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$datepicker-z-index:                             1050 !default;
+$datepicker-animation:                           uk-fade !default;
+
+$datepicker-nav-height:                          20px !default;
+$datepicker-nav-margin-bottom:                   15px !default;
+$datepicker-nav-color:                           #444 !default;
+$datepicker-nav-hover-color:                     #444 !default;
+$datepicker-previous-icon:                       "\f053" !default;
+$datepicker-next-icon:                           "\f054" !default;
+
+$datepicker-table-width:                         26px !default;
+$datepicker-table-height:                        24px !default;
+$datepicker-table-color:                         #444 !default;
+
+$datepicker-table-hover-background:              #ddd !default;
+$datepicker-table-hover-color:                   #444 !default;
+$datepicker-table-onclick-background:            #ccc !default;
+$datepicker-table-onclick-color:                 #444 !default;
+
+$datepicker-table-active-background:             #00a8e6 !default;
+$datepicker-table-active-color:                  #fff !default;
+
+$datepicker-table-muted-color:                   #999 !default;
+
+
+/* ========================================================================
+   Component: Datepicker
+ ========================================================================== */
+
+/*
+ * 1. Highest z-index
+ * 2. Reset dropdown width
+ * 3. Set animation
+ * 4. Needed for scale animation
+ */
+
+.uk-datepicker {
+    /* 1 */
+    z-index: $datepicker-z-index;
+    /* 2 */
+    width: auto;
+    /* 3 */
+    -webkit-animation: $datepicker-animation 0.2s ease-in-out;
+    animation: $datepicker-animation 0.2s ease-in-out;
+    /* 4 */
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+}
+
+
+/* Sub-object: `uk-datepicker-nav`
+========================================================================== */
+
+.uk-datepicker-nav {
+    margin-bottom: $datepicker-nav-margin-bottom;
+    text-align: center;
+    line-height: $datepicker-nav-height;
+    @include hook-datepicker-nav();
+}
+
+/*
+ * Micro clearfix
+ */
+
+.uk-datepicker-nav:before,
+.uk-datepicker-nav:after {
+    content: "";
+    display: table;
+}
+
+.uk-datepicker-nav:after { clear: both; }
+
+/*
+ * Previous and next navigation
+ */
+
+.uk-datepicker-nav a {
+    color: $datepicker-nav-color;
+    text-decoration: none;
+    @include hook-datepicker-nav-item();
+}
+
+.uk-datepicker-nav a:hover { color: $datepicker-nav-hover-color; }
+
+.uk-datepicker-previous { float: left; }
+.uk-datepicker-next { float: right; }
+
+.uk-datepicker-previous:after,
+.uk-datepicker-next:after {
+    width: $datepicker-nav-height;
+    font-family: FontAwesome;
+}
+
+.uk-datepicker-previous:after { content: $datepicker-previous-icon; }
+.uk-datepicker-next:after { content: $datepicker-next-icon; }
+
+
+/* Sub-object: `uk-datepicker-heading`
+========================================================================== */
+
+.uk-datepicker-heading {}
+
+
+/* Sub-object: `uk-datepicker-table`
+========================================================================== */
+
+/* Block element behavior */
+.uk-datepicker-table { width: 100%; }
+
+.uk-datepicker-table th,
+.uk-datepicker-table td { padding: 2px; }
+
+.uk-datepicker-table th { font-size: 12px; }
+
+/*
+ * Item
+ */
+
+.uk-datepicker-table a {
+    display: block;
+    width: $datepicker-table-width;
+    line-height: $datepicker-table-height;
+    text-align: center;
+    color: $datepicker-table-color;
+    text-decoration: none;
+    @include hook-datepicker-table-item();
+}
+
+/*
+ * Sub-object: `uk-datepicker-table-muted`
+ */
+
+a.uk-datepicker-table-muted { color: $datepicker-table-muted-color; }
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-datepicker-table a:hover,
+.uk-datepicker-table a:focus { // 1
+    background-color: $datepicker-table-hover-background;
+    color: $datepicker-table-hover-color;
+    /* 2 */
+    outline: none;
+    @include hook-datepicker-table-item-hover();
+}
+
+/* OnClick */
+.uk-datepicker-table a:active {
+    background-color: $datepicker-table-onclick-background;
+    color: $datepicker-table-onclick-color;
+    @include hook-datepicker-table-item-onclick();
+}
+
+/*
+ * Active
+ */
+
+.uk-datepicker-table a.uk-active {
+    background: $datepicker-table-active-background;
+    color: $datepicker-table-active-color;
+    @include hook-datepicker-table-item-active();
+}
+
+
+// Hooks
+// ========================================================================
+
+@include hook-datepicker-misc();
+
+// @mixin hook-datepicker-nav(){}
+// @mixin hook-datepicker-nav-item(){}
+// @mixin hook-datepicker-table-item(){}
+// @mixin hook-datepicker-table-item-hover(){}
+// @mixin hook-datepicker-table-item-onclick(){}
+// @mixin hook-datepicker-table-item-active(){}
+// @mixin hook-datepicker-misc(){}

data/vendor/assets/stylesheets/uikit/components/dotnav.scss

@@ -0,0 +1,212 @@
+// Name:            Dotnav
+// Description:     Defines styles for a dot navigation
+//
+// Component:       `uk-dotnav`
+//
+// Modifier:        `uk-dotnav-contrast`
+//                  `uk-dotnav-vertical`
+//
+// States:          `uk-active`
+//
+// Markup:
+//
+// <!-- uk-dotnav -->
+// <ul class="uk-dotnav">
+//     <li class="uk-active"><a href=""></a></li>
+//     <li><a href=""></a></li>
+// </ul>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$dotnav-margin-horizontal:                       15px !default;
+$dotnav-margin-vertical:                         $dotnav-margin-horizontal !default;
+
+$dotnav-width:                                   20px !default;
+$dotnav-height:                                  $dotnav-width !default;
+$dotnav-background:                              rgba(50,50,50,0.1) !default;
+
+$dotnav-hover-background:                        rgba(50,50,50,0.4) !default;
+$dotnav-onclick-background:                      rgba(50,50,50,0.6) !default;
+$dotnav-active-background:                       rgba(50,50,50,0.4) !default;
+
+$dotnav-contrast-background:                     rgba(255,255,255,0.4) !default;
+$dotnav-contrast-hover-background:               rgba(255,255,255,0.7) !default;
+$dotnav-contrast-onclick-background:             rgba(255,255,255,0.9) !default;
+$dotnav-contrast-active-background:              rgba(255,255,255,0.9) !default;
+
+
+/* ========================================================================
+   Component: Dotnav
+ ========================================================================== */
+
+/*
+ * 1. Gutter
+ * 2. Remove default list style
+ */
+
+.uk-dotnav {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    /* 1 */
+    margin-left: -$dotnav-margin-horizontal;
+    margin-top: -$dotnav-margin-vertical;
+    /* 2 */
+    padding: 0;
+    list-style: none;
+}
+
+/*
+ * 1. Space is allocated solely based on content dimensions
+ * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
+ */
+
+.uk-dotnav > * {
+    /* 1 */
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    /* 2 */
+    padding-left: $dotnav-margin-horizontal;
+    margin-top: $dotnav-margin-vertical;
+}
+
+/*
+ * DEPRECATED IE9 Support
+ */
+
+.uk-dotnav:before,
+.uk-dotnav:after {
+    content: "";
+    display: block;
+    overflow: hidden;
+}
+
+.uk-dotnav:after { clear: both; }
+
+.uk-dotnav > * { float: left; }
+
+
+/* Items
+ ========================================================================== */
+
+/*
+ * Items
+ * 1. Hide text if present
+ */
+
+.uk-dotnav > * > * {
+    display: block;
+    box-sizing: content-box;
+    width: $dotnav-width;
+    height: $dotnav-height;
+    border-radius: 50%;
+    background: $dotnav-background;
+    /* 1 */
+    text-indent: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    @include hook-dotnav-item();
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-dotnav > * > :hover,
+.uk-dotnav > * > :focus { // 1
+    background: $dotnav-hover-background;
+    /* 2 */
+    outline: none;
+    @include hook-dotnav-item-hover();
+}
+
+/* OnClick */
+.uk-dotnav > * > :active {
+    background: $dotnav-onclick-background;
+    @include hook-dotnav-item-onclick();
+}
+
+/* Active */
+.uk-dotnav > .uk-active > * {
+    background: $dotnav-active-background;
+    @include hook-dotnav-item-active();
+}
+
+
+/* Modifier: `uk-dotnav-contrast`
+ ========================================================================== */
+
+.uk-dotnav-contrast > * > * {
+    background: $dotnav-contrast-background;
+    @include hook-dotnav-contrast-item();
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+
+.uk-dotnav-contrast > * > :hover,
+.uk-dotnav-contrast > * > :focus { // 1
+    background: $dotnav-contrast-hover-background;
+    @include hook-dotnav-contrast-item-hover();
+}
+
+/* OnClick */
+.uk-dotnav-contrast > * > :active {
+    background: $dotnav-contrast-onclick-background;
+    @include hook-dotnav-contrast-item-onclick();
+}
+
+/* Active */
+.uk-dotnav-contrast > .uk-active > * {
+    background: $dotnav-contrast-active-background;
+    @include hook-dotnav-contrast-item-active();
+}
+
+
+/* Modifier: 'uk-dotnav-vertical'
+ ========================================================================== */
+
+/*
+ * DEPRECATED
+ */
+
+.uk-dotnav-vertical {
+    -ms-flex-direction: column;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+}
+
+/*
+ * DEPRECATED IE9 Support
+ */
+
+.uk-dotnav-vertical > * { float: none; }
+
+
+
+// Hooks
+// ========================================================================
+
+@include hook-dotnav-misc();
+
+// @mixin hook-dotnav-item(){}
+// @mixin hook-dotnav-item-hover(){}
+// @mixin hook-dotnav-item-onclick(){}
+// @mixin hook-dotnav-item-active(){}
+// @mixin hook-dotnav-contrast-item(){}
+// @mixin hook-dotnav-contrast-item-hover(){}
+// @mixin hook-dotnav-contrast-item-onclick(){}
+// @mixin hook-dotnav-contrast-item-active(){}
+// @mixin hook-dotnav-misc(){}