kuppayam 0.1.0

data/vendor/assets/javascripts/uikit/less/overlay.less

@@ -0,0 +1,241 @@
+// Name:            Overlay
+// Description:     Defines styles for image overlays
+//
+// Component:       `uk-overlay`
+//
+// Sub-objects:     `uk-overlay-area`
+//                  `uk-overlay-area-content`
+//                  `uk-overlay-caption`
+//                  `uk-overlay-toggle`
+//
+// States:          `uk-hover`
+//
+// Markup:
+//
+// <!-- uk-overlay -->
+// <a class="uk-overlay" href="">
+//     <img src="" alt="">
+//     <div class="uk-overlay-area"></div>
+// </a>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@overlay-area-background:                       rgba(0,0,0,0.3);
+
+@overlay-area-icon:                             "\f002";
+@overlay-area-icon-size:                        50px;
+@overlay-area-icon-color:                       #fff;
+
+@overlay-area-content-font-size:                1rem;
+@overlay-area-content-padding-horizontal:       15px;
+@overlay-area-content-color:                    #fff;
+@overlay-area-content-link-color:               inherit;
+
+@overlay-caption-background:                    rgba(0,0,0,0.5);
+@overlay-caption-padding:                       15px;
+@overlay-caption-color:                         #fff;
+
+
+/* ========================================================================
+   Component: Overlay
+ ========================================================================== */
+
+/*
+ * 1. Container width fits its content
+ * 2. Create position context
+ * 3. Set max-width for responsive images to prevent `inline-block` consequences
+ * 4. Remove the gap between the container and its child element
+ * 5. Fixed wrong scaling calculation for images in Chrome
+ */
+
+.uk-overlay {
+    /* 1 */
+    display: inline-block;
+    /* 2 */
+    position: relative;
+    /* 3 */
+    max-width: 100%;
+    /* 4 */
+    vertical-align: middle;
+    /* 5 */
+    overflow: hidden;
+}
+
+/*
+ * Remove margin from content
+ */
+
+.uk-overlay > :first-child { margin-bottom: 0; }
+
+
+/* Sub-object `uk-overlay-area`
+ ========================================================================== */
+
+/*
+ * 1. Set position
+ * 2. Set style
+ * 3. Fade-in transition
+ */
+
+.uk-overlay-area {
+    /* 1 */
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    /* 2 */
+    background: @overlay-area-background;
+    /* 3 */
+    opacity: 0;
+    -webkit-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+    -webkit-transform: translate3d(0,0,0);
+    .hook-overlay-area;
+}
+
+/*
+ * Hover
+ * 1. `uk-hover` to support touch devices
+ * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
+ */
+
+.uk-overlay:hover .uk-overlay-area,
+.uk-overlay.uk-hover .uk-overlay-area, // 1
+.uk-overlay-toggle:hover .uk-overlay-area, // 2
+.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }
+
+/*
+ * Icon
+ */
+
+.uk-overlay-area:empty:before {
+    content: @overlay-area-icon;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: @overlay-area-icon-size;
+    height: @overlay-area-icon-size;
+    margin-top: -(@overlay-area-icon-size / 2);
+    margin-left: -(@overlay-area-icon-size / 2);
+    font-size: @overlay-area-icon-size;
+    line-height: 1;
+    font-family: FontAwesome;
+    text-align: center;
+    color: @overlay-area-icon-color;
+    .hook-overlay-area-icon;
+}
+
+
+/* Sub-object `uk-overlay-area-content`
+ ========================================================================== */
+
+/*
+ * Remove whitespace between child elements when using `inline-block`
+ * Needed for Firefox
+ */
+
+.uk-overlay-area:not(:empty) { font-size: 0.001px; }
+
+/*
+ * 1. Needed for vertical alignment
+ */
+
+.uk-overlay-area:not(:empty):before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+}
+
+/*
+ * 1. Set vertical alignment
+ * 2. Reset whitespace hack
+ * 3. Set horizontal alignment
+ * 4. Set style
+ */
+
+.uk-overlay-area-content {
+    /* 1 */
+    display: inline-block;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%;
+    vertical-align: middle;
+    /* 2 */
+    font-size: @overlay-area-content-font-size;
+    /* 3 */
+    text-align: center;
+    /* 4 */
+    padding: 0 @overlay-area-content-padding-horizontal;
+    color: @overlay-area-content-color;
+    .hook-overlay-area-content;
+}
+
+/*
+ * Remove margin from the last-child
+ */
+
+.uk-overlay-area-content > :last-child { margin-bottom: 0; }
+
+/*
+ * Links in overlay area
+ */
+
+.uk-overlay-area-content a:not([class]),
+.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }
+
+
+/* Sub-object `uk-overlay-caption`
+ ========================================================================== */
+
+/*
+ * 1. Set position
+ * 2. Set style
+ * 3. Fade-in transition
+ */
+
+.uk-overlay-caption {
+    /* 1 */
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    /* 2 */
+    padding: @overlay-caption-padding;
+    background: @overlay-caption-background;
+    color: @overlay-caption-color;
+    /* 3 */
+    opacity: 0;
+    -webkit-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+    -webkit-transform: translate3d(0,0,0);
+    .hook-overlay-caption;
+}
+
+/*
+ * Hover
+ * 1. `uk-hover` to support touch devices
+ * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
+ */
+
+.uk-overlay:hover .uk-overlay-caption,
+.uk-overlay.uk-hover .uk-overlay-caption, // 1
+.uk-overlay-toggle:hover .uk-overlay-caption, // 2
+.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }
+
+
+// Hooks
+// ========================================================================
+
+.hook-overlay-misc;
+
+.hook-overlay-area() {}
+.hook-overlay-area-icon() {}
+.hook-overlay-area-content() {}
+.hook-overlay-caption() {}
+.hook-overlay-misc() {}

data/vendor/assets/javascripts/uikit/less/pagination.less

@@ -0,0 +1,198 @@
+// Name:            Pagination
+// Description:     Defines styles for a navigation between pages
+//
+// Component:       `uk-pagination`
+//
+// Sub-objects:     `uk-pagination-previous`
+//                  `uk-pagination-next`
+//
+// Modifiers:       `uk-pagination-left`
+//                  `uk-pagination-right`
+//
+// States:          `uk-active`
+//                  `uk-disabled`
+//
+// Markup:
+//
+// <!-- uk-pagination -->
+// <ul class="uk-pagination">
+//     <li class="uk-active"><span></span></li>
+//     <li><a href=""></a></li>
+// </ul>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@pagination-font-size:                          1rem;
+@pagination-margin-left:                        5px;
+@pagination-padding-vertical:                   3px;
+@pagination-padding-horizontal:                 5px;
+@pagination-line-height:                        20px;
+@pagination-background:                         #eee;
+@pagination-color:                              #444;
+@pagination-hover-background:                   #f5f5f5;
+@pagination-hover-color:                        #444;
+@pagination-onclick-background:                 #ddd;
+@pagination-onclick-color:                      #444;
+
+@pagination-active-background:                  #00a8e6;
+@pagination-active-color:                       #fff;
+
+@pagination-disabled-background:                #f5f5f5;
+@pagination-disabled-color:                     #999;
+
+
+/* ========================================================================
+   Component: Pagination
+ ========================================================================== */
+
+/*
+ * 1. Remove default list style
+ * 2. Center pagination by default
+ * 3. Remove whitespace between child elements when using `inline-block`
+ */
+
+.uk-pagination {
+    /* 1 */
+    padding: 0;
+    list-style: none;
+    /* 2 */
+    text-align: center;
+    /* 3 */
+    font-size: 0.001px;
+}
+
+/*
+ * Micro clearfix
+ * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
+ */
+
+.uk-pagination:before,
+.uk-pagination:after {
+    content: " ";
+    display: table;
+}
+
+.uk-pagination:after { clear: both; }
+
+
+/* Items
+ ========================================================================== */
+
+/*
+ * 1. Reset whitespace hack
+ * 2. Remove the gap at the bottom of it container
+ */
+
+.uk-pagination > li {
+    display: inline-block;
+    /* 1 */
+    font-size: @pagination-font-size;
+    /* 2 */
+    vertical-align: top;
+}
+
+.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }
+
+/*
+ * 1. Makes pagination more robust against different box-sizing use
+ * 2. Reset text-align to center if alignment modifier is used
+ */
+
+.uk-pagination > li > a,
+.uk-pagination > li > span {
+    display: inline-block;
+    min-width: @pagination-line-height + (2 * @pagination-padding-vertical) - (2 * @pagination-padding-horizontal);
+    padding: @pagination-padding-vertical @pagination-padding-horizontal;
+    line-height: @pagination-line-height;
+    text-decoration: none;
+    /* 1 */
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    /* 2 */
+    text-align: center;
+    .hook-pagination-item;
+}
+
+/*
+ * Links
+ */
+
+.uk-pagination > li > a {
+    background: @pagination-background;
+    color: @pagination-color;
+    .hook-pagination-link;
+}
+
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ */
+
+.uk-pagination > li > a:hover,
+.uk-pagination > li > a:focus { // 1
+    background-color: @pagination-hover-background;
+    color: @pagination-hover-color;
+    /* 2 */
+    outline: none;
+    .hook-pagination-link-hover;
+}
+
+/* OnClick */
+.uk-pagination > li > a:active {
+    background-color: @pagination-onclick-background;
+    color: @pagination-onclick-color;
+    .hook-pagination-link-active;
+}
+
+/*
+ * Active
+ */
+
+.uk-pagination > .uk-active > span {
+    background: @pagination-active-background;
+    color: @pagination-active-color;
+    .hook-pagination-active;
+}
+
+/*
+ * Disabled
+ */
+
+.uk-pagination > .uk-disabled > span {
+    background-color: @pagination-disabled-background;
+    color: @pagination-disabled-color;
+    .hook-pagination-disabled;
+}
+
+
+/* Previous and next navigation
+ ========================================================================== */
+
+.uk-pagination-previous { float: left; }
+.uk-pagination-next { float: right; }
+
+
+/* Alignment modifiers
+ ========================================================================== */
+
+.uk-pagination-left { text-align: left; }
+.uk-pagination-right { text-align: right; }
+
+
+// Hooks
+// ========================================================================
+
+.hook-pagination-misc;
+
+.hook-pagination-item() {}
+.hook-pagination-link() {}
+.hook-pagination-link-hover() {}
+.hook-pagination-link-active() {}
+.hook-pagination-active() {}
+.hook-pagination-disabled() {}
+.hook-pagination-misc() {}

data/vendor/assets/javascripts/uikit/less/panel.less

@@ -0,0 +1,244 @@
+// Name:            Panel
+// Description:     Defines styles for reusable content areas
+//
+// Component:       `uk-panel`
+//
+// Sub-objects:     `uk-panel-title`
+//                  `uk-panel-badge`
+//                  `uk-panel-teaser`
+//
+// Modifiers:       `uk-panel-box`
+//                  `uk-panel-box-primary`
+//                  `uk-panel-box-secondary`
+//                  `uk-panel-header`
+//                  `uk-panel-space`
+//                  `uk-panel-divider`
+//
+// Uses:            Nav: `uk-nav-side`
+//
+// Used by:         Dropdown
+//                  Off-canvas
+//                  Grid
+//
+// Markup:
+//
+// <!-- uk-panel -->
+// <div class="uk-panel">
+//     <div class="uk-panel-badge uk-badge"></div>
+//     <h3 class="uk-panel-title"></h3>
+//     <p></p>
+// </div>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@panel-title-margin-bottom:                     15px;
+@panel-title-font-size:                         18px;
+@panel-title-line-height:                       24px;
+@panel-title-font-weight:                       normal;
+@panel-title-color:                             #444;
+@panel-title-text-transform:                    none;
+
+@panel-box-padding:                             15px;
+@panel-box-background:                          #f5f5f5;
+@panel-box-color:                               #444;
+@panel-box-title-color:                         #444;
+@panel-box-badge-top:                           10px;
+@panel-box-badge-right:                         @panel-box-badge-top;
+@panel-box-teaser-margin:                       -@panel-box-padding;
+@panel-box-teaser-margin-bottom:                @panel-title-margin-bottom;
+
+@panel-box-primary-background:                  #ebf7fd;
+@panel-box-primary-color:                       #2d7091;
+@panel-box-primary-title-color:                 #2d7091;
+
+@panel-box-secondary-background:                #eee;
+@panel-box-secondary-color:                     #444;
+@panel-box-secondary-title-color:               #444;
+
+@panel-header-title-padding:                    10px;
+@panel-header-title-border:                     #ddd;
+@panel-header-title-border-width:               1px;
+@panel-header-title-color:                      #444;
+
+@panel-space-padding:                           30px;
+
+@panel-divider-gutter:                          25px;
+@panel-divider-gutter-large:                    35px;
+@panel-divider-border:                          #ddd;
+@panel-divider-border-width:                    1px;
+
+
+/* ========================================================================
+   Component: Panel
+ ========================================================================== */
+
+/*
+ * 1. Needed for `a` elements
+ * 2. Create position context for badges
+ */
+
+.uk-panel {
+    /* 1 */
+    display: block;
+    /* 2 */
+    position: relative;
+}
+
+/*
+ * Micro clearfix to make panels more robust
+ */
+
+.uk-panel:before,
+.uk-panel:after {
+    content: " ";
+    display: table;
+}
+
+.uk-panel:after { clear: both; }
+
+/*
+ * Remove margin from the last-child if not `uk-widget-title`
+ */
+
+.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; }
+
+
+/* Sub-object: `uk-panel-title`
+ ========================================================================== */
+
+.uk-panel-title {
+    margin-top: 0;
+    margin-bottom: @panel-title-margin-bottom;
+    font-size: @panel-title-font-size;
+    line-height: @panel-title-line-height;
+    font-weight: @panel-title-font-weight;
+    text-transform: @panel-title-text-transform;
+    color: @panel-title-color;
+    .hook-panel-title;
+}
+
+
+/* Sub-object: `uk-panel-badge`
+ ========================================================================== */
+
+.uk-panel-badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 1;
+    .hook-panel-badge;
+}
+
+
+/* Modifier: `uk-panel-box`
+ ========================================================================== */
+
+.uk-panel-box {
+    padding: @panel-box-padding;
+    background: @panel-box-background;
+    color: @panel-box-color;
+    .hook-panel-box;
+}
+
+.uk-panel-box .uk-panel-title { color: @panel-box-title-color; }
+
+.uk-panel-box .uk-panel-badge {
+    top: @panel-box-badge-top;
+    right: @panel-box-badge-right;
+}
+
+.uk-panel-box .uk-panel-teaser { margin: @panel-box-teaser-margin @panel-box-teaser-margin @panel-box-teaser-margin-bottom @panel-box-teaser-margin; }
+
+/*
+ * Nav in panel
+ */
+
+.uk-panel-box > .uk-nav-side { margin: 0 -@panel-box-padding; }
+
+/*
+ * Sub-modifier: `uk-panel-box-primary`
+ */
+
+.uk-panel-box-primary {
+    background-color: @panel-box-primary-background;
+    color: @panel-box-primary-color;
+    .hook-panel-box-primary;
+}
+
+.uk-panel-box-primary .uk-panel-title { color: @panel-box-primary-title-color; }
+
+/*
+ * Sub-modifier: `uk-panel-box-secondary`
+ */
+
+.uk-panel-box-secondary {
+    background-color: @panel-box-secondary-background;
+    color: @panel-box-secondary-color;
+    .hook-panel-box-secondary;
+}
+
+.uk-panel-box-secondary .uk-panel-title { color: @panel-box-secondary-title-color; }
+
+
+/* Modifier: `uk-panel-header`
+ ========================================================================== */
+
+.uk-panel-header .uk-panel-title {
+    padding-bottom: @panel-header-title-padding;
+    border-bottom: @panel-header-title-border-width solid @panel-header-title-border;
+    color: @panel-header-title-color;
+    .hook-panel-header;
+}
+
+
+/* Modifier: `uk-panel-space`
+ ========================================================================== */
+
+.uk-panel-space { padding: @panel-space-padding; }
+
+.uk-panel-space .uk-panel-badge {
+    top: @panel-space-padding;
+    right: @panel-space-padding;
+}
+
+
+/* Modifier: `uk-panel-divider`
+ ========================================================================== */
+
+.uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter * 2) !important; }
+
+.uk-panel + .uk-panel-divider:before {
+    content: "";
+    display: block;
+    position: absolute;
+    top: -(@panel-divider-gutter);
+    left: 0;
+    right: 0;
+    border-top: @panel-divider-border-width solid @panel-divider-border;
+}
+
+/* Large screen and bigger */
+@media (min-width: @breakpoint-xlarge) {
+
+    .uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter-large * 2) !important; }
+    .uk-panel + .uk-panel-divider:before { top: -(@panel-divider-gutter-large); }
+
+}
+
+
+// Hooks
+// ========================================================================
+
+.hook-panel-misc;
+
+.hook-panel-title() {}
+.hook-panel-badge() {}
+.hook-panel-box() {}
+.hook-panel-box-primary() {}
+.hook-panel-box-secondary() {}
+.hook-panel-header() {}
+.hook-panel-misc() {}