uikit3-rails 0.1.0

data/assets/stylesheets/theme/section.less

@@ -0,0 +1,34 @@
+//
+// Component: Section
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+.hook-section() {}
+
+
+// Style modifiers
+// ========================================================================
+
+.hook-section-default() {}
+
+.hook-section-muted() {}
+
+.hook-section-primary() {}
+
+.hook-section-secondary() {}
+
+.hook-section-media() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-section-misc() {}

data/assets/stylesheets/theme/slidenav.less

@@ -0,0 +1,49 @@
+//
+// Component: Slidenav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+.hook-slidenav() {
+    -webkit-transition: color 0.1s ease-in-out;
+    transition: color 0.1s ease-in-out;
+}
+
+.hook-slidenav-hover() {}
+
+.hook-slidenav-active() {}
+
+
+// Icon modifier
+// ========================================================================
+
+.hook-slidenav-previous() {}
+
+.hook-slidenav-next() {}
+
+
+// Container
+// ========================================================================
+
+.hook-slidenav-container() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-icon-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-slidenav() {}
+.hook-inverse-slidenav-hover() {}
+.hook-inverse-slidenav-active() {}

data/assets/stylesheets/theme/sortable.less

@@ -0,0 +1,38 @@
+//
+// Component: Sortable
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+.hook-sortable() {}
+
+
+// Drag
+// ========================================================================
+
+.hook-sortable-drag() {}
+
+
+// Placeholder
+// ========================================================================
+
+.hook-sortable-placeholder() {}
+
+
+// Empty
+// ========================================================================
+
+.hook-sortable-empty() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-sortable-misc() {}

data/assets/stylesheets/theme/spinner.less

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

data/assets/stylesheets/theme/sticky.less

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

data/assets/stylesheets/theme/subnav.less

@@ -0,0 +1,81 @@
+//
+// Component: Subnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@subnav-item-font-size:                         @global-small-font-size;
+@subnav-item-text-transform:                    uppercase;
+
+
+// Component
+// ========================================================================
+
+.hook-subnav() {}
+
+.hook-subnav-item() {
+    font-size: @subnav-item-font-size;
+    text-transform: @subnav-item-text-transform;
+    -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-subnav-item-hover() {}
+
+.hook-subnav-item-active() {}
+
+
+// Divider modifier
+// ========================================================================
+
+.hook-subnav-divider() {}
+
+
+// Pill modifier
+// ========================================================================
+
+.hook-subnav-pill-item() {}
+
+.hook-subnav-pill-item-hover() {}
+
+.hook-subnav-pill-item-onclick() {}
+
+.hook-subnav-pill-item-active() {}
+
+
+// Disabled
+// ========================================================================
+
+.hook-subnav-item-disabled() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-subnav-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-subnav-item() {}
+.hook-inverse-subnav-item-hover() {}
+.hook-inverse-subnav-item-active() {}
+
+.hook-inverse-subnav-divider() {}
+
+.hook-inverse-subnav-pill-item() {}
+.hook-inverse-subnav-pill-item-hover() {}
+.hook-inverse-subnav-pill-item-onclick() {}
+.hook-inverse-subnav-pill-item-active() {}
+
+.hook-inverse-subnav-item-disabled() {}

data/assets/stylesheets/theme/tab.less

@@ -0,0 +1,139 @@
+//
+// Component: Tab
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@tab-border-width:                              @global-border-width;
+@tab-border:                                    @global-border;
+
+@tab-item-border-width:                         @global-border-width;
+@tab-item-font-size:                            @global-small-font-size;
+@tab-item-text-transform:                       uppercase;
+
+@tab-item-active-border:                        @global-primary-background;
+
+
+// Component
+// ========================================================================
+
+.hook-tab() {
+
+    position: relative;
+
+    &::before {
+        content: "";
+        position: absolute;
+        bottom: 0;
+        left: @tab-margin-horizontal;
+        right: 0;
+        border-bottom: @tab-border-width solid @tab-border;
+    }
+
+}
+
+
+// Items
+// ========================================================================
+
+.hook-tab-item() {
+    border-bottom: @tab-item-border-width solid transparent;
+    font-size: @tab-item-font-size;
+    text-transform: @tab-item-text-transform;
+    -webkit-transition: color 0.1s ease-in-out;
+    transition: color 0.1s ease-in-out;
+}
+
+.hook-tab-item-hover() {}
+
+.hook-tab-item-active() { border-color: @tab-item-active-border; }
+
+.hook-tab-item-disabled() {}
+
+
+// Position modifiers
+// ========================================================================
+
+.hook-tab-bottom() {
+
+    &::before {
+        top: 0;
+        bottom: auto;
+    }
+
+}
+
+.hook-tab-bottom-item() {
+    border-top: @tab-item-border-width solid transparent;
+    border-bottom: none;
+}
+
+.hook-tab-left() {
+
+    &::before {
+        top: 0;
+        bottom: 0;
+        left: auto;
+        right: 0;
+        border-left: @tab-border-width solid @tab-border;
+        border-bottom: none;
+    }
+
+}
+
+.hook-tab-left-item() {
+    border-right: @tab-item-border-width solid transparent;
+    border-bottom: none;
+}
+
+.hook-tab-right() {
+
+    &::before {
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: auto;
+        border-left: @tab-border-width solid @tab-border;
+        border-bottom: none;
+    }
+
+}
+
+.hook-tab-right-item() {
+    border-left: @tab-item-border-width solid transparent;
+    border-bottom: none;
+}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-tab-misc() {
+
+    .uk-tab .uk-dropdown { margin-left: (@tab-margin-horizontal + @tab-item-padding-horizontal) }
+
+}
+
+
+// Inverse
+// ========================================================================
+
+@inverse-tab-border:                        @inverse-global-border;
+
+.hook-inverse-tab() {
+
+    &::before { border-color: @inverse-tab-border; }
+
+}
+
+.hook-inverse-tab-item() {}
+.hook-inverse-tab-item-hover() {}
+.hook-inverse-tab-item-active() { border-color: @inverse-global-primary-background; }
+.hook-inverse-tab-item-disabled() {}

data/assets/stylesheets/theme/table.less

@@ -0,0 +1,65 @@
+//
+// Component: Table
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+@table-header-cell-font-size:                   @global-small-font-size;
+@table-header-cell-font-weight:                 normal;
+@table-header-cell-color:                       @global-muted-color;
+
+//
+// New
+//
+
+@table-cell-border-width:                       @global-border-width;
+@table-cell-border:                             @global-border;
+
+
+// Component
+// ========================================================================
+
+.hook-table-header-cell() {
+    border-bottom: @table-cell-border-width solid @table-cell-border;
+    text-transform: uppercase;
+}
+
+.hook-table-cell() {}
+
+.hook-table-footer() { border-top: @table-cell-border-width solid @table-cell-border; }
+
+.hook-table-caption() {}
+
+.hook-table-row-active() {}
+
+
+// Style modifiers
+// ========================================================================
+
+.hook-table-striped() {}
+
+.hook-table-hover() {}
+
+
+// Size modifier
+// ========================================================================
+
+.hook-table-small() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-table-misc() {
+
+    .uk-table :not(:last-child) > td { border-bottom: @table-cell-border-width solid @table-cell-border; }
+
+    .uk-table tbody tr {
+        -webkit-transition: background-color 0.1s linear;
+        transition: background-color 0.1s linear;
+    }
+
+}

data/assets/stylesheets/theme/text.less

@@ -0,0 +1,60 @@
+//
+// Component: Text
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+@text-meta-link-color:                          @text-meta-color;
+@text-meta-link-hover-color:                    @global-color;
+
+
+// Style modifiers
+// ========================================================================
+
+.hook-text-lead() {}
+
+.hook-text-meta() {
+
+    a { color: @text-meta-link-color; }
+
+    a:hover {
+        color: @text-meta-link-hover-color;
+        text-decoration: none;
+    }
+
+}
+
+
+// Size modifiers
+// ========================================================================
+
+.hook-text-small() {}
+
+.hook-text-large() {}
+
+
+// Color modifiers
+// ========================================================================
+
+.hook-text-primary() {}
+
+
+// Miscellaneous
+// ========================================================================
+
+.hook-text-misc() {}
+
+
+// Inverse
+// ========================================================================
+
+.hook-inverse-text-lead() {}
+.hook-inverse-text-meta() {}
+.hook-inverse-text-primary() {}