uikit3-rails 0.1.0

data/assets/stylesheets/theme/grid.less

@@ -0,0 +1,14 @@
+//
+// Component: Grid
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-grid-misc() {}

data/assets/stylesheets/theme/heading.less

@@ -0,0 +1,59 @@
+//
+// Component: Heading
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Primary
+// ========================================================================
+
+.hook-heading-primary() {}
+
+
+// Hero
+// ========================================================================
+
+.hook-heading-hero() {}
+
+
+// Divider
+// ========================================================================
+
+.hook-heading-divider() {}
+
+
+// Bullet
+// ========================================================================
+
+.hook-heading-bullet() {}
+
+
+// Line
+// ========================================================================
+
+.hook-heading-bullet() {}
+
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-heading-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-heading-primary() {}
+
+.hook-inverse-heading-hero() {}
+
+.hook-inverse-heading-divider() {}
+
+.hook-inverse-heading-bullet() {}
+
+.hook-inverse-heading-line() {}

data/assets/stylesheets/theme/icon.less

@@ -0,0 +1,55 @@
+//
+// Component: Icon
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Style modifiers
+// ========================================================================
+
+//
+// Link
+//
+
+.hook-icon-link() {}
+
+.hook-icon-link-hover() {}
+
+.hook-icon-link-active() {}
+
+//
+// Button
+//
+
+.hook-icon-button() {
+    -webkit-transition: 0.1s ease-in-out;
+    transition: 0.1s ease-in-out;
+    -webkit-transition-property: color, background-color;
+    transition-property: color, background-color
+}
+
+.hook-icon-button-hover() {}
+
+.hook-icon-button-active() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-icon-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-icon-link() {}
+.hook-inverse-icon-link-hover() {}
+.hook-inverse-icon-link-active() {}
+
+.hook-inverse-icon-button() {}
+.hook-inverse-icon-button-hover() {}
+.hook-inverse-icon-button-active() {}

data/assets/stylesheets/theme/iconnav.less

@@ -0,0 +1,34 @@
+//
+// Component: Iconnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+.hook-iconnav() {}
+
+.hook-iconnav-item() {}
+
+.hook-iconnav-item-hover() {}
+
+.hook-iconnav-item-active() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-iconnav-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-iconnav-item() {}
+.hook-inverse-iconnav-item-hover() {}
+.hook-inverse-iconnav-item-active() {}

data/assets/stylesheets/theme/inverse.less

@@ -0,0 +1,14 @@
+//
+// Component: Inverse
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+.hook-inverse() {}

data/assets/stylesheets/theme/label.less

@@ -0,0 +1,46 @@
+//
+// Component: Label
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@label-border-radius:                           2px;
+@label-text-transform:                          uppercase;
+
+
+// Component
+// ========================================================================
+
+.hook-label() {
+    border-radius: @label-border-radius;
+    text-transform: @label-text-transform;
+}
+
+
+// Color modifiers
+// ========================================================================
+
+.hook-label-success() {}
+
+.hook-label-warning() {}
+
+.hook-label-danger() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-label-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-label() {}

data/assets/stylesheets/theme/link.less

@@ -0,0 +1,35 @@
+//
+// Component: Link
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Muted
+// ========================================================================
+
+.hook-link-muted() {}
+
+.hook-link-muted-hover() {}
+
+
+// Reset
+// ========================================================================
+
+.hook-link-reset() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-link-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-link-muted() {}
+.hook-inverse-link-muted-hover() {}

data/assets/stylesheets/theme/list.less

@@ -0,0 +1,49 @@
+//
+// Component: List
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@list-striped-border-width:                     @global-border-width;
+@list-striped-border:                           @global-border;
+
+
+// Style modifiers
+// ========================================================================
+
+.hook-list-divider() {}
+
+.hook-list-striped() { border-bottom: @list-striped-border-width solid @list-striped-border; }
+
+.hook-list-bullet() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-list-misc() {
+
+    .uk-list-striped > li:first-child { border-top: @list-striped-border-width solid @list-striped-border; }
+
+}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-list-divider() {}
+.hook-inverse-list-striped() {
+
+    &:first-child { border-top-color: @inverse-global-border; }
+
+    border-bottom-color: @inverse-global-border;
+
+}
+.hook-inverse-list-bullet() {}

data/assets/stylesheets/theme/margin.less

@@ -0,0 +1,14 @@
+//
+// Component: Margin
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-margin-misc() {}

data/assets/stylesheets/theme/modal.less

@@ -0,0 +1,95 @@
+//
+// Component: Modal
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@modal-header-background:                       @modal-dialog-background;
+@modal-footer-background:                       @modal-dialog-background;
+
+//
+// New
+//
+
+@modal-header-border-width:                    @global-border-width;
+@modal-header-border:                          @global-border;
+
+@modal-footer-border-width:                    @global-border-width;
+@modal-footer-border:                          @global-border;
+
+@modal-close-full-padding:                     @global-margin;
+@modal-close-full-background:                  @modal-dialog-background;
+
+
+// Component
+// ========================================================================
+
+.hook-modal() {}
+
+
+// Dialog
+// ========================================================================
+
+.hook-modal-dialog() {}
+
+
+// Full
+// ========================================================================
+
+.hook-modal-full() {}
+
+
+// Sections
+// ========================================================================
+
+.hook-modal-header() { border-bottom: @modal-header-border-width solid @modal-header-border; }
+
+.hook-modal-body() {}
+
+.hook-modal-footer() { border-top: @modal-footer-border-width solid @modal-footer-border; }
+
+
+// Title
+// ========================================================================
+
+.hook-modal-title() {}
+
+
+// Close
+// ========================================================================
+
+.hook-modal-close() {}
+
+.hook-modal-close-hover() {}
+
+.hook-modal-close-default() {}
+
+.hook-modal-close-default-hover() {}
+
+.hook-modal-close-outside() {}
+
+.hook-modal-close-outside-hover() {}
+
+.hook-modal-close-full() {
+    top: 0;
+    right: 0;
+    padding: @modal-close-full-padding;
+    background: @modal-close-full-background;
+}
+
+.hook-modal-close-full-hover() {}
+
+
+// Caption
+// ========================================================================
+
+.hook-modal-caption() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-modal-misc() {}

data/assets/stylesheets/theme/nav.less

@@ -0,0 +1,94 @@
+//
+// Component: Nav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@nav-default-font-size:                         @global-small-font-size;
+
+
+// Sublists
+// ========================================================================
+
+.hook-nav-sub() {}
+
+
+// Parent icon modifier
+// ========================================================================
+
+.hook-nav-parent-icon() {}
+
+
+// Header
+// ========================================================================
+
+.hook-nav-header() {}
+
+
+// Divider
+// ========================================================================
+
+.hook-nav-divider() {}
+
+
+// Default style modifier
+// ========================================================================
+
+.hook-nav-default() { font-size: @nav-default-font-size; }
+
+.hook-nav-default-item() {}
+
+.hook-nav-default-item-hover() {}
+
+.hook-nav-default-item-active() {}
+
+.hook-nav-default-header() {}
+
+.hook-nav-default-divider() {}
+
+
+// Primary style modifier
+// ========================================================================
+
+.hook-nav-primary() {}
+
+.hook-nav-primary-item() {}
+
+.hook-nav-primary-item-hover() {}
+
+.hook-nav-primary-item-active() {}
+
+.hook-nav-primary-header() {}
+
+.hook-nav-primary-divider() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-nav-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-nav-parent-icon() {}
+
+.hook-inverse-nav-default-item() {}
+.hook-inverse-nav-default-item-hover() {}
+.hook-inverse-nav-default-item-active() {}
+.hook-inverse-nav-default-header() {}
+.hook-inverse-nav-default-divider() {}
+
+.hook-inverse-nav-primary-item() {}
+.hook-inverse-nav-primary-item-hover() {}
+.hook-inverse-nav-primary-item-active() {}
+.hook-inverse-nav-primary-header() {}
+.hook-inverse-nav-primary-divider() {}