juicelang-theme 0.1.0

data/_sass/uikit/theme/_import.scss

@@ -0,0 +1,82 @@
+// Base
+@import "variables.scss";
+@import "base.scss";
+
+// Elements
+@import "link.scss";
+@import "heading.scss";
+@import "divider.scss";
+@import "list.scss";
+@import "description-list.scss";
+@import "table.scss";
+@import "icon.scss";
+@import "form-range.scss";
+@import "form.scss";
+@import "button.scss";
+@import "progress.scss";
+
+// Layout
+@import "section.scss";
+@import "container.scss";
+@import "tile.scss";
+@import "card.scss";
+
+// Common
+@import "close.scss";
+@import "spinner.scss";
+@import "marker.scss";
+@import "totop.scss";
+@import "alert.scss";
+@import "placeholder.scss";
+@import "badge.scss";
+@import "label.scss";
+@import "overlay.scss";
+@import "article.scss";
+@import "comment.scss";
+@import "search.scss";
+
+// JavaScript
+@import "accordion.scss";
+@import "drop.scss";
+@import "dropdown.scss";
+@import "dropbar.scss";
+@import "modal.scss";
+@import "slider.scss";
+@import "sticky.scss";
+@import "offcanvas.scss";
+@import "leader.scss";
+@import "notification.scss";
+@import "tooltip.scss";
+@import "sortable.scss";
+@import "countdown.scss";
+
+@import "grid.scss";
+
+// Navs
+@import "nav.scss";
+@import "navbar.scss";
+@import "subnav.scss";
+@import "breadcrumb.scss";
+@import "pagination.scss";
+@import "tab.scss";
+@import "slidenav.scss";
+@import "dotnav.scss";
+@import "thumbnav.scss";
+@import "iconnav.scss";
+
+@import "lightbox.scss";
+
+// Utilities
+@import "animation.scss";
+@import "width.scss";
+@import "height.scss";
+@import "text.scss";
+@import "column.scss";
+@import "background.scss";
+@import "align.scss";
+@import "utility.scss";
+@import "margin.scss";
+@import "padding.scss";
+@import "position.scss";
+@import "transition.scss";
+@import "inverse.scss";

data/_sass/uikit/theme/accordion.scss

@@ -0,0 +1,59 @@
+//
+// Component: Accordion
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$accordion-icon-margin-left:                    10px !default;
+$accordion-icon-color:                          $global-color !default;
+$internal-accordion-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
+$internal-accordion-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22#000%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-accordion(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-accordion-item(){}
+
+
+// Title
+// ========================================================================
+
+
+
+// @mixin hook-accordion-title-hover(){}
+
+
+// Content
+// ========================================================================
+
+// @mixin hook-accordion-content(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-accordion-misc(){}
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-accordion-item(){}
+
+// @mixin hook-inverse-accordion-title(){}
+// @mixin hook-inverse-accordion-title-hover(){}
+
+

data/_sass/uikit/theme/alert.scss

@@ -0,0 +1,46 @@
+//
+// Component: Alert
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$alert-close-opacity:                            0.4 !default;
+$alert-close-hover-opacity:                      0.8 !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-alert(){}
+
+
+// Close
+// ========================================================================
+
+
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-alert-primary(){}
+
+// @mixin hook-alert-success(){}
+
+// @mixin hook-alert-warning(){}
+
+// @mixin hook-alert-danger(){}
+
+
+// Miscellaneous
+// ========================================================================
+

data/_sass/uikit/theme/align.scss

@@ -0,0 +1,14 @@
+//
+// Component: Align
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-align-misc(){}

data/_sass/uikit/theme/animation.scss

@@ -0,0 +1,14 @@
+//
+// Component: Animation
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-animation-misc(){}

data/_sass/uikit/theme/article.scss

@@ -0,0 +1,51 @@
+//
+// Component: Article
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$article-meta-link-color:                        $article-meta-color !default;
+$article-meta-link-hover-color:                  $global-color !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-article(){}
+
+
+// Adjacent sibling
+// ========================================================================
+
+// @mixin hook-article-adjacent(){}
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-article-title(){}
+
+
+// Meta
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-article-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-article-meta(){}

data/_sass/uikit/theme/background.scss

@@ -0,0 +1,14 @@
+//
+// Component: Background
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-background-misc(){}

data/_sass/uikit/theme/badge.scss

@@ -0,0 +1,29 @@
+//
+// Component: Badge
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-badge(){}
+
+// @mixin hook-badge-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-badge-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-badge(){}
+// @mixin hook-inverse-badge-hover(){}

data/_sass/uikit/theme/base.scss

@@ -0,0 +1,116 @@
+//
+// Component: Base
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$base-code-padding-horizontal:                   6px !default;
+$base-code-padding-vertical:                     2px !default;
+$base-code-background:                           $global-muted-background !default;
+
+$base-blockquote-color:                          $global-emphasis-color !default;
+
+$base-blockquote-footer-color:                   $global-color !default;
+
+$base-pre-padding:                               10px !default;
+$base-pre-background:                            $global-background !default;
+$base-pre-border-width:                          $global-border-width !default;
+$base-pre-border:                                $global-border !default;
+$base-pre-border-radius:                         3px !default;
+
+
+// Body
+// ========================================================================
+
+// @mixin hook-base-body(){}
+
+
+// Links
+// ========================================================================
+
+// @mixin hook-base-link(){}
+
+// @mixin hook-base-link-hover(){}
+
+
+// Text-level semantics
+// ========================================================================
+
+
+
+
+// Headings
+// ========================================================================
+
+// @mixin hook-base-heading(){}
+
+// @mixin hook-base-h1(){}
+
+// @mixin hook-base-h2(){}
+
+// @mixin hook-base-h3(){}
+
+// @mixin hook-base-h4(){}
+
+// @mixin hook-base-h5(){}
+
+// @mixin hook-base-h6(){}
+
+
+// Horizontal rules
+// ========================================================================
+
+// @mixin hook-base-hr(){}
+
+
+// Blockquotes
+// ========================================================================
+
+
+
+
+
+
+// Preformatted text
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-base-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-base-blockquote-color:                 $inverse-global-emphasis-color !default;
+$inverse-base-blockquote-footer-color:          $inverse-global-color !default;
+
+// @mixin hook-inverse-base-link(){}
+// @mixin hook-inverse-base-link-hover(){}
+
+
+
+// @mixin hook-inverse-base-heading(){}
+
+// @mixin hook-inverse-base-h1(){}
+// @mixin hook-inverse-base-h2(){}
+// @mixin hook-inverse-base-h3(){}
+// @mixin hook-inverse-base-h4(){}
+// @mixin hook-inverse-base-h5(){}
+// @mixin hook-inverse-base-h6(){}
+
+
+
+
+// @mixin hook-inverse-base-hr(){}

data/_sass/uikit/theme/breadcrumb.scss

@@ -0,0 +1,45 @@
+//
+// Component: Breadcrumb
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-breadcrumb(){}
+
+
+// Items
+// ========================================================================
+
+// @mixin hook-breadcrumb-item(){}
+
+// @mixin hook-breadcrumb-item-hover(){}
+
+// @mixin hook-breadcrumb-item-disabled(){}
+
+// @mixin hook-breadcrumb-item-active(){}
+
+// @mixin hook-breadcrumb-divider(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-breadcrumb-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-breadcrumb-item(){}
+// @mixin hook-inverse-breadcrumb-item-hover(){}
+// @mixin hook-inverse-breadcrumb-item-disabled(){}
+// @mixin hook-inverse-breadcrumb-item-active(){}
+
+// @mixin hook-inverse-breadcrumb-divider(){}

data/_sass/uikit/theme/button.scss

@@ -0,0 +1,157 @@
+//
+// Component: Button
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$button-line-height:                             $global-control-height - ($button-border-width * 2) !default;
+$button-small-line-height:                       $global-control-small-height - ($button-border-width * 2) !default;
+$button-large-line-height:                       $global-control-large-height - ($button-border-width * 2) !default;
+
+$button-font-size:                               $global-small-font-size !default;
+$button-large-font-size:                         $global-small-font-size !default;
+
+$button-default-background:                      transparent !default;
+$button-default-hover-background:                transparent !default;
+$button-default-active-background:               transparent !default;
+
+$button-disabled-background:                     transparent !default;
+
+$button-text-hover-color:                        $global-emphasis-color !default;
+
+//
+// New
+//
+
+$button-text-transform:                          uppercase !default;
+
+$button-border-width:                            $global-border-width !default;
+
+$button-default-border:                          $global-border !default;
+$button-default-hover-border:                    darken($global-border, 20%) !default;
+$button-default-active-border:                   darken($global-border, 30%) !default;
+
+$button-disabled-border:                         $global-border !default;
+
+$button-text-border-width:                       $global-border-width !default;
+$button-text-border:                             $button-text-hover-color !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-button-hover(){}
+
+// @mixin hook-button-active(){}
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+
+
+
+
+//
+// Primary
+//
+
+
+
+// @mixin hook-button-primary-hover(){}
+
+// @mixin hook-button-primary-active(){}
+
+//
+// Secondary
+//
+
+
+
+// @mixin hook-button-secondary-hover(){}
+
+// @mixin hook-button-secondary-active(){}
+
+//
+// Danger
+//
+
+
+
+// @mixin hook-button-danger-hover(){}
+
+// @mixin hook-button-danger-active(){}
+
+
+// Disabled
+// ========================================================================
+
+
+
+
+// Size modifiers
+// ========================================================================
+
+// @mixin hook-button-small(){}
+
+// @mixin hook-button-large(){}
+
+
+// Text modifier
+// ========================================================================
+
+
+
+
+
+
+
+
+// Link modifier
+// ========================================================================
+
+// @mixin hook-button-link(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+
+
+
+// Inverse
+// ========================================================================
+
+$inverse-button-default-background:             transparent !default;
+$inverse-button-default-color:                  $inverse-global-emphasis-color !default;
+$inverse-button-default-hover-background:       transparent !default;
+$inverse-button-default-hover-color:            $inverse-global-emphasis-color !default;
+$inverse-button-default-active-background:      transparent !default;
+$inverse-button-default-active-color:           $inverse-global-emphasis-color !default;
+
+$inverse-button-text-hover-color:               $inverse-global-emphasis-color !default;
+
+
+
+
+
+// @mixin hook-inverse-button-primary(){}
+// @mixin hook-inverse-button-primary-hover(){}
+// @mixin hook-inverse-button-primary-active(){}
+
+// @mixin hook-inverse-button-secondary(){}
+// @mixin hook-inverse-button-secondary-hover(){}
+// @mixin hook-inverse-button-secondary-active(){}
+
+
+// @mixin hook-inverse-button-text-hover(){}
+// @mixin hook-inverse-button-text-disabled(){}
+
+// @mixin hook-inverse-button-link(){}