blazer-rails 0.1.0

data/vendor/assets/components/uikit/less/core/table.less

@@ -0,0 +1,147 @@
+// Name:            Table
+// Description:     Defines styles for tables
+//
+// Component:       `uk-table`
+//
+// Modifiers:       `uk-table-middle`
+//                  `uk-table-striped`
+//                  `uk-table-condensed`
+//                  `uk-table-hover`
+//
+// States:          `uk-active`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@table-margin-vertical:                         15px;
+@table-padding-vertical:                        8px;
+@table-padding-horizontal:                      8px;
+
+@table-caption-color:                           #999;
+@table-caption-font-size:                       12px;
+
+@table-striped-background:                      #f5f5f5;
+
+@table-condensed-padding-vertical:              4px;
+@table-condensed-padding-horizontal:            8px;
+
+@table-hover-background:                        #EEE;
+
+@table-active-background:                       @table-hover-background;
+
+
+/* ========================================================================
+   Component: Table
+ ========================================================================== */
+
+/*
+ * 1. Remove most spacing between table cells.
+ * 2. Block element behavior
+ * 3. Style
+ */
+
+.uk-table {
+    /* 1 */
+    border-collapse: collapse;
+    border-spacing: 0;
+    /* 2 */
+    width: 100%;
+    /* 3 */
+    margin-bottom: @table-margin-vertical;
+}
+
+/*
+ * Add margin if adjacent element
+ */
+
+* + .uk-table { margin-top: @table-margin-vertical; }
+
+.uk-table th,
+.uk-table td {
+    padding: @table-padding-vertical @table-padding-horizontal;
+    .hook-table;
+}
+
+/*
+ * Set alignment
+ */
+
+.uk-table th { text-align: left; }
+.uk-table td { vertical-align: top; }
+
+.uk-table thead th { vertical-align: bottom; }
+
+/*
+ * Caption and footer
+ */
+
+.uk-table caption,
+.uk-table tfoot {
+    font-size: @table-caption-font-size;
+    font-style: italic;
+}
+
+.uk-table caption {
+    text-align: left;
+    color: @table-caption-color;
+}
+
+/*
+ * Active State
+ */
+
+.uk-table tbody tr.uk-active {
+    background: @table-active-background;
+    .hook-table-active;
+}
+
+
+/* Sub-modifier: `uk-table-middle`
+ ========================================================================== */
+
+.uk-table-middle,
+.uk-table-middle td { vertical-align: middle !important; }
+
+
+/* Modifier: `uk-table-striped`
+ ========================================================================== */
+
+.uk-table-striped tbody tr:nth-of-type(odd) {
+    background: @table-striped-background;
+    .hook-table-striped;
+}
+
+
+/* Modifier: `uk-table-condensed`
+ ========================================================================== */
+
+.uk-table-condensed td {
+    padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;
+    .hook-table-condensed;
+}
+
+
+/* Modifier: `uk-table-hover`
+ ========================================================================== */
+
+.uk-table-hover tbody tr:hover {
+    background: @table-hover-background;
+    .hook-table-hover;
+}
+
+
+
+// Hooks
+// ========================================================================
+
+.hook-table-misc;
+
+.hook-table() {}
+.hook-table-active() {}
+.hook-table-striped() {}
+.hook-table-condensed() {}
+.hook-table-hover() {}
+.hook-table-misc() {}

data/vendor/assets/components/uikit/less/core/text.less

@@ -0,0 +1,128 @@
+// Name:            Text
+// Description:     Collection of useful text utility classes to style your content
+//
+// Component:       `uk-text-*`
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@text-small-font-size:                          11px;
+@text-small-line-height:                        16px;
+@text-large-font-size:                          18px;
+@text-large-line-height:                        24px;
+@text-large-font-weight:                        normal;
+
+@text-muted-color:                              #999;
+@text-primary-color:                            #2d7091;
+@text-success-color:                            #659f13;
+@text-warning-color:                            #e28327;
+@text-danger-color:                             #d85030;
+@text-contrast-color:                           #fff;
+
+
+/* ========================================================================
+   Component: Text
+ ========================================================================== */
+
+/* Size modifiers
+ ========================================================================== */
+
+.uk-text-small {
+    font-size: @text-small-font-size;
+    line-height: @text-small-line-height;
+}
+
+.uk-text-large {
+    font-size: @text-large-font-size;
+    line-height: @text-large-line-height;
+    font-weight: @text-large-font-weight;
+}
+
+
+/* Weight modifiers
+ ========================================================================== */
+
+.uk-text-bold { font-weight: bold; }
+
+
+/* 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; }
+.uk-text-contrast { color: @text-contrast-color !important; }
+
+
+/* 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; }
+
+.uk-text-top { vertical-align: top !important; }
+.uk-text-middle { vertical-align: middle !important; }
+.uk-text-bottom { vertical-align: bottom !important; }
+
+/* Only tablets portrait and smaller */
+@media (max-width: @breakpoint-medium-max) {
+
+    .uk-text-center-medium { text-align: center !important; }
+    .uk-text-left-medium { text-align: left !important; }
+
+}
+
+/* Phone landscape and smaller */
+@media (max-width: @breakpoint-small-max) {
+
+    .uk-text-center-small { text-align: center !important; }
+    .uk-text-left-small { text-align: left !important; }
+
+}
+
+
+/* Wrap modifiers
+ ========================================================================== */
+
+/*
+ * Prevent text from wrapping onto multiple lines
+ */
+
+.uk-text-nowrap { white-space: nowrap; }
+
+/*
+ * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
+ */
+
+.uk-text-truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+/*
+ * Break strings if their length exceeds the width of their container
+ */
+
+.uk-text-break {
+    word-wrap: break-word;
+    -webkit-hyphens: auto;
+    -ms-hyphens: auto;
+    -moz-hyphens: auto;
+    hyphens: auto;
+}
+
+
+// Hooks
+// ========================================================================
+
+.hook-text-misc;
+
+.hook-text-misc() {}

data/vendor/assets/components/uikit/less/core/thumbnail.less

@@ -0,0 +1,122 @@
+// Name:            Thumbnail
+// Description:     Defines styles for image thumbnails
+//
+// Component:       `uk-thumbnail`
+//
+// Sub-objects:     `uk-thumbnail-caption`
+//
+// Modifiers:       `uk-thumbnail-mini`
+//                  `uk-thumbnail-small`
+//                  `uk-thumbnail-medium`
+//                  `uk-thumbnail-large`
+//                  `uk-thumbnail-expand`
+//
+// Markup:
+//
+// <!-- uk-thumbnail -->
+// <figure class="uk-thumbnail">
+//     <img src="" alt="">
+//     <figcaption class="uk-thumbnail-caption"></figcaption>
+// </figure>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@thumbnail-padding:                             4px;
+@thumbnail-border:                              #ddd;
+@thumbnail-border-width:                        1px;
+@thumbnail-background:                          #fff;
+@thumbnail-hover-border:                        #aaa;
+@thumbnail-hover-background:                    #fff;
+
+@thumbnail-caption-padding:                     @thumbnail-padding;
+@thumbnail-caption-color:                       #444;
+
+@thumbnail-mini-width:                          150px;
+@thumbnail-small-width:                         200px;
+@thumbnail-medium-width:                        300px;
+@thumbnail-large-width:                         400px;
+
+
+/* ========================================================================
+   Component: Thumbnail
+ ========================================================================== */
+
+/*
+ * 1. Container width fits its content
+ * 2. Responsive behavior
+ * 3. Corrects `max-width` behavior sed
+ * 4. Required for `figure` element
+ * 5. Style
+ */
+
+.uk-thumbnail {
+    /* 1 */
+    display: inline-block;
+    /* 2 */
+    max-width: 100%;
+    /* 3 */
+    box-sizing: border-box;
+    /* 3 */
+    margin: 0;
+    /* 4 */
+    padding: @thumbnail-padding;
+    border: @thumbnail-border-width solid @thumbnail-border;
+    background: @thumbnail-background;
+    .hook-thumbnail;
+}
+
+/*
+ * Hover state for `a` elements
+ * 1. Apply hover style also to focus state
+ * 2. Needed for caption
+ * 3. Remove default focus style
+ */
+
+a.uk-thumbnail:hover,
+a.uk-thumbnail:focus { // 1
+    border-color: @thumbnail-hover-border;
+    background-color: @thumbnail-hover-background;
+    /* 2 */
+    text-decoration: none;
+    /* 3 */
+    outline: none;
+    .hook-thumbnail-hover;
+}
+
+
+/* Caption
+ ========================================================================== */
+
+.uk-thumbnail-caption {
+    padding-top: @thumbnail-caption-padding;
+    text-align: center;
+    color: @thumbnail-caption-color;
+    .hook-thumbnail-caption;
+}
+
+
+/* Sizes
+ ========================================================================== */
+
+.uk-thumbnail-mini { width: @thumbnail-mini-width; }
+.uk-thumbnail-small { width: @thumbnail-small-width; }
+.uk-thumbnail-medium { width: @thumbnail-medium-width; }
+.uk-thumbnail-large { width: @thumbnail-large-width; }
+
+.uk-thumbnail-expand,
+.uk-thumbnail-expand > img { width: 100%; }
+
+
+// Hooks
+// ========================================================================
+
+.hook-thumbnail-misc;
+
+.hook-thumbnail() {}
+.hook-thumbnail-hover() {}
+.hook-thumbnail-caption() {}
+.hook-thumbnail-misc() {}

data/vendor/assets/components/uikit/less/core/thumbnav.less

@@ -0,0 +1,122 @@
+// Name:            Thumbnav
+// Description:     Defines styles for a thumbnail navigation
+//
+// Component:       `uk-thumbnav`
+//
+// States:          `uk-active`
+//
+// Markup:
+//
+// <!-- uk-thumbnav -->
+// <ul class="uk-thumbnav">
+//     <li class="uk-active"><a href=""></a></li>
+//     <li><a href=""></a></li>
+// </ul>
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@thumbnav-margin-horizontal:                    10px;
+@thumbnav-margin-vertical:                      @thumbnav-margin-horizontal;
+
+@thumbnav-background:                           #fff;
+
+@thumbnav-opacity:                              0.7;
+@thumbnav-hover-opacity:                        1;
+@thumbnav-active-opacity:                       1;
+
+
+/* ========================================================================
+   Component: Thumbnav
+ ========================================================================== */
+
+/*
+ * 1. Gutter
+ * 2. Remove default list style
+ */
+
+.uk-thumbnav {
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    /* 1 */
+    margin-left: -@thumbnav-margin-horizontal;
+    margin-top: -@thumbnav-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-thumbnav > * {
+    /* 1 */
+    -ms-flex: none;
+    -webkit-flex: none;
+    flex: none;
+    /* 2 */
+    padding-left: @thumbnav-margin-horizontal;
+    margin-top: @thumbnav-margin-vertical;
+}
+
+/*
+ * DEPRECATED IE9 Support
+ */
+
+.uk-thumbnav:before,
+.uk-thumbnav:after {
+    content: "";
+    display: block;
+    overflow: hidden;
+}
+
+.uk-thumbnav:after { clear: both; }
+
+.uk-thumbnav > * { float: left; }
+
+
+/* Items
+ ========================================================================== */
+
+.uk-thumbnav > * > * {
+    display: block;
+    background: @thumbnav-background;
+    .hook-thumbnav;
+}
+
+.uk-thumbnav > * > * > img {
+    opacity: @thumbnav-opacity;
+    -webkit-transition: opacity 0.15s linear;
+    transition: opacity 0.15s linear;
+}
+
+/*
+ * Hover
+ */
+
+.uk-thumbnav > * > :hover > img,
+.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }
+
+/*
+ * Active
+ */
+
+.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }
+
+
+// Hooks
+// ========================================================================
+
+.hook-thumbnav-misc;
+
+.hook-thumbnav() {}
+.hook-thumbnav-misc() {}