juicelang-theme 0.1.0

data/_sass/uikit/theme/nav.scss

@@ -0,0 +1,140 @@
+//
+// Component: Nav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$nav-default-font-size:                          $global-small-font-size !default;
+
+$nav-default-subtitle-font-size:                 12px !default;
+
+//
+// New
+//
+
+$nav-background-margin-top:                      0 !default;
+$nav-background-item-padding-horizontal:         10px !default;
+$nav-background-item-padding-vertical:           10px !default;
+$nav-background-item-hover-background:           $global-muted-background !default;
+$nav-background-item-active-background:          $global-muted-background !default;
+
+
+// Sublists
+// ========================================================================
+
+// @mixin hook-nav-sub(){}
+
+
+// Header
+// ========================================================================
+
+// @mixin hook-nav-header(){}
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-nav-divider(){}
+
+
+// Default style modifier
+// ========================================================================
+
+// @mixin hook-nav-default(){}
+
+// @mixin hook-nav-default-item(){}
+
+// @mixin hook-nav-default-item-hover(){}
+
+// @mixin hook-nav-default-item-active(){}
+
+// @mixin hook-nav-default-subtitle(){}
+
+// @mixin hook-nav-default-header(){}
+
+// @mixin hook-nav-default-divider(){}
+
+
+// Primary style modifier
+// ========================================================================
+
+// @mixin hook-nav-primary(){}
+
+// @mixin hook-nav-primary-item(){}
+
+// @mixin hook-nav-primary-item-hover(){}
+
+// @mixin hook-nav-primary-item-active(){}
+
+// @mixin hook-nav-primary-subtitle(){}
+
+// @mixin hook-nav-primary-header(){}
+
+// @mixin hook-nav-primary-divider(){}
+
+
+// Secondary style modifier
+// ========================================================================
+
+
+
+
+
+
+
+
+
+// @mixin hook-nav-secondary-subtitle(){}
+
+// @mixin hook-nav-secondary-subtitle-hover(){}
+
+// @mixin hook-nav-secondary-subtitle-active(){}
+
+// @mixin hook-nav-secondary-header(){}
+
+// @mixin hook-nav-secondary-divider(){}
+
+
+// Style modifier
+// ========================================================================
+
+// @mixin hook-nav-dividers(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-nav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-nav-background-item-hover-background:   $inverse-global-muted-background !default;
+$inverse-nav-background-item-active-background:  $inverse-global-muted-background !default;
+
+// @mixin hook-inverse-nav-default-item(){}
+// @mixin hook-inverse-nav-default-item-hover(){}
+// @mixin hook-inverse-nav-default-item-active(){}
+// @mixin hook-inverse-nav-default-header(){}
+// @mixin hook-inverse-nav-default-divider(){}
+
+// @mixin hook-inverse-nav-primary-item(){}
+// @mixin hook-inverse-nav-primary-item-hover(){}
+// @mixin hook-inverse-nav-primary-item-active(){}
+// @mixin hook-inverse-nav-primary-header(){}
+// @mixin hook-inverse-nav-primary-divider(){}
+
+// @mixin hook-inverse-nav-secondary-item(){}
+
+
+// @mixin hook-inverse-nav-secondary-subtitle(){}
+// @mixin hook-inverse-nav-secondary-subtitle-hover(){}
+// @mixin hook-inverse-nav-secondary-subtitle-active(){}
+// @mixin hook-inverse-nav-secondary-header(){}
+// @mixin hook-inverse-nav-secondary-divider(){}
+
+// @mixin hook-inverse-nav-dividers(){}

data/_sass/uikit/theme/navbar.scss

@@ -0,0 +1,146 @@
+//
+// Component: Navbar
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$navbar-gap:                                     30px !default;
+
+$navbar-nav-gap:                                 30px !default;
+
+$navbar-nav-item-padding-horizontal:             0 !default;
+
+$navbar-nav-item-font-size:                      $global-small-font-size !default;
+
+$navbar-item-padding-horizontal:                 0 !default;
+
+$navbar-dropdown-margin:                         15px !default;
+$navbar-dropdown-padding:                        25px !default;
+$navbar-dropdown-background:                     $global-background !default;
+
+$navbar-dropdown-nav-subtitle-font-size:         12px !default;
+
+//
+// New
+//
+
+$navbar-nav-item-text-transform:                 uppercase !default;
+
+$navbar-dropdown-nav-font-size:                  $global-small-font-size !default;
+
+$navbar-dropdown-box-shadow:                     0 5px 12px rgba(0,0,0,0.15) !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-navbar(){}
+
+
+// Container
+// ========================================================================
+
+// @mixin hook-navbar-container(){}
+
+
+// Nav
+// ========================================================================
+
+
+
+// @mixin hook-navbar-nav-item-hover(){}
+
+// @mixin hook-navbar-nav-item-onclick(){}
+
+// @mixin hook-navbar-nav-item-active(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-navbar-item(){}
+
+
+// Toggle
+// ========================================================================
+
+// @mixin hook-navbar-toggle(){}
+
+// @mixin hook-navbar-toggle-hover(){}
+
+// @mixin hook-navbar-toggle-icon(){}
+
+// @mixin hook-navbar-toggle-icon-hover(){}
+
+
+// Subtitle
+// ========================================================================
+
+// @mixin hook-navbar-subtitle(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-navbar-primary(){}
+
+// @mixin hook-navbar-transparent(){}
+
+// @mixin hook-navbar-sticky(){}
+
+
+// Dropdown
+// ========================================================================
+
+
+
+// @mixin hook-navbar-dropdown-large(){}
+
+
+
+// @mixin hook-navbar-dropdown-dropbar-large(){}
+
+
+// Dropdown nav
+// ========================================================================
+
+
+
+// @mixin hook-navbar-dropdown-nav-item(){}
+
+// @mixin hook-navbar-dropdown-nav-item-hover(){}
+
+// @mixin hook-navbar-dropdown-nav-subtitle(){}
+
+// @mixin hook-navbar-dropdown-nav-header(){}
+
+// @mixin hook-navbar-dropdown-nav-divider(){}
+
+
+// Dropbar
+// ========================================================================
+
+// @mixin hook-navbar-dropbar(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-navbar-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-navbar-nav-item(){}
+// @mixin hook-inverse-navbar-nav-item-hover(){}
+// @mixin hook-inverse-navbar-nav-item-onclick(){}
+// @mixin hook-inverse-navbar-nav-item-active(){}
+
+// @mixin hook-inverse-navbar-item(){}
+
+// @mixin hook-inverse-navbar-toggle(){}
+// @mixin hook-inverse-navbar-toggle-hover(){}

data/_sass/uikit/theme/notification.scss

@@ -0,0 +1,44 @@
+//
+// Component: Notification
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-notification(){}
+
+
+// Message
+// ========================================================================
+
+// @mixin hook-notification-message(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-notification-close(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-notification-message-primary(){}
+
+// @mixin hook-notification-message-success(){}
+
+// @mixin hook-notification-message-warning(){}
+
+// @mixin hook-notification-message-danger(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-notification-misc(){}

data/_sass/uikit/theme/offcanvas.scss

@@ -0,0 +1,32 @@
+//
+// Component: Off-canvas
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Bar
+// ========================================================================
+
+// @mixin hook-offcanvas-bar(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-offcanvas-close(){}
+
+
+// Overlay
+// ========================================================================
+
+// @mixin hook-offcanvas-overlay(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-offcanvas-misc(){}

data/_sass/uikit/theme/overlay.scss

@@ -0,0 +1,33 @@
+//
+// Component: Overlay
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-overlay(){}
+
+// Icon
+// ========================================================================
+
+// @mixin hook-overlay-icon(){}
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-overlay-default(){}
+
+// @mixin hook-overlay-primary(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-overlay-misc(){}

data/_sass/uikit/theme/padding.scss

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

data/_sass/uikit/theme/pagination.scss

@@ -0,0 +1,41 @@
+//
+// Component: Pagination
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-pagination(){}
+
+
+// Items
+// ========================================================================
+
+
+
+// @mixin hook-pagination-item-hover(){}
+
+// @mixin hook-pagination-item-active(){}
+
+// @mixin hook-pagination-item-disabled(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-pagination-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-pagination-item(){}
+// @mixin hook-inverse-pagination-item-hover(){}
+// @mixin hook-inverse-pagination-item-active(){}
+// @mixin hook-inverse-pagination-item-disabled(){}

data/_sass/uikit/theme/placeholder.scss

@@ -0,0 +1,29 @@
+//
+// Component: Placeholder
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$placeholder-background:                         transparent !default;
+
+//
+// New
+//
+
+$placeholder-border-width:                       $global-border-width !default;
+$placeholder-border:                             $global-border !default;
+
+
+// Component
+// ========================================================================
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-placeholder-misc(){}

data/_sass/uikit/theme/position.scss

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

data/_sass/uikit/theme/progress.scss

@@ -0,0 +1,24 @@
+//
+// Component: Progress
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$progress-border-radius:                         500px !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-progress-bar(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-progress-misc(){}

data/_sass/uikit/theme/search.scss

@@ -0,0 +1,87 @@
+//
+// Component: Search
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$search-default-background:                          transparent !default;
+
+//
+// New
+//
+
+$search-default-border-width:                        $global-border-width !default;
+$search-default-border:                              $global-border !default;
+
+$search-default-focus-border:                        $global-primary-background !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-search-input(){}
+
+
+// Icon
+// ========================================================================
+
+// @mixin hook-search-icon(){}
+
+
+// Default modifiers
+// ========================================================================
+
+
+
+
+
+
+// Navbar modifiers
+// ========================================================================
+
+// @mixin hook-search-navbar-input(){}
+
+// @mixin hook-search-navbar-input-focus(){}
+
+
+// Large modifiers
+// ========================================================================
+
+// @mixin hook-search-large-input(){}
+
+// @mixin hook-search-large-input-focus(){}
+
+
+// Toggle
+// ========================================================================
+
+// @mixin hook-search-toggle(){}
+
+// @mixin hook-search-toggle-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-search-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-search-default-background:             transparent !default;
+
+
+// @mixin hook-inverse-search-default-input-focus(){}
+
+// @mixin hook-inverse-search-navbar-input(){}
+// @mixin hook-inverse-search-navbar-input-focus(){}
+
+// @mixin hook-inverse-search-large-input(){}
+// @mixin hook-inverse-search-large-input-focus(){}
+
+// @mixin hook-inverse-search-toggle(){}
+// @mixin hook-inverse-search-toggle-hover(){}

data/_sass/uikit/theme/section.scss

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

data/_sass/uikit/theme/slidenav.scss

@@ -0,0 +1,52 @@
+//
+// Component: Slidenav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-slidenav-hover(){}
+
+// @mixin hook-slidenav-active(){}
+
+
+// Icon modifier
+// ========================================================================
+
+// @mixin hook-slidenav-previous(){}
+
+// @mixin hook-slidenav-next(){}
+
+
+// Size modifier
+// ========================================================================
+
+// @mixin hook-slidenav-large(){}
+
+
+// Container
+// ========================================================================
+
+// @mixin hook-slidenav-container(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-slidenav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-slidenav(){}
+// @mixin hook-inverse-slidenav-hover(){}
+// @mixin hook-inverse-slidenav-active(){}