juicelang-theme 0.1.0

data/_sass/uikit/theme/form.scss

@@ -0,0 +1,131 @@
+//
+// Component: Form
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$form-line-height:                               $form-height - (2* $form-border-width) !default;
+
+$form-background:                                $global-background !default;
+$form-focus-background:                          $global-background !default;
+
+$form-small-line-height:                         $form-small-height - (2* $form-border-width) !default;
+$form-large-line-height:                         $form-large-height - (2* $form-border-width) !default;
+
+$form-radio-background:                          transparent !default;
+
+$form-stacked-margin-bottom:                     5px !default;
+
+//
+// New
+//
+
+$form-border-width:                              $global-border-width !default;
+$form-border:                                    $global-border !default;
+
+$form-focus-border:                              $global-primary-background !default;
+
+$form-disabled-border:                           $global-border !default;
+
+$form-danger-border:                             $global-danger-background !default;
+$form-success-border:                            $global-success-background !default;
+
+$form-blank-focus-border:                        $global-border !default;
+$form-blank-focus-border-style:                  solid !default;
+
+$form-radio-border-width:                        $global-border-width !default;
+$form-radio-border:                              darken($global-border, 10%) !default;
+
+$form-radio-focus-border:                        $global-primary-background !default;
+
+$form-radio-checked-border:                      transparent !default;
+
+$form-radio-disabled-border:                     $global-border !default;
+
+$form-label-color:                               $global-emphasis-color !default;
+$form-label-font-size:                           $global-small-font-size !default;
+
+
+// Component
+// ========================================================================
+
+
+
+// @mixin hook-form-single-line(){}
+
+// @mixin hook-form-multi-line(){}
+
+
+
+
+
+
+// Style modifiers
+// ========================================================================
+
+
+
+
+
+
+
+
+
+
+// Radio and checkbox
+// ========================================================================
+
+
+
+
+
+
+
+// @mixin hook-form-radio-checked-focus(){}
+
+
+
+
+// Legend
+// ========================================================================
+
+// @mixin hook-form-legend(){}
+
+
+// Label
+// ========================================================================
+
+
+
+
+// Layout
+// ========================================================================
+
+// @mixin hook-form-stacked-label(){}
+
+// @mixin hook-form-horizontal-label(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-form-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+$inverse-form-label-color:                       $inverse-global-emphasis-color !default;
+
+
+
+
+
+
+
+
+// @mixin hook-inverse-form-radio-checked-focus(){}
+

data/_sass/uikit/theme/grid.scss

@@ -0,0 +1,28 @@
+//
+// Component: Grid
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-grid-divider-horizontal(){}
+// @mixin hook-grid-divider-vertical(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-grid-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-grid-divider-horizontal(){}
+// @mixin hook-inverse-grid-divider-vertical(){}

data/_sass/uikit/theme/heading.scss

@@ -0,0 +1,67 @@
+//
+// Component: Heading
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-heading-small(){}
+
+// @mixin hook-heading-medium(){}
+
+// @mixin hook-heading-large(){}
+
+// @mixin hook-heading-xlarge(){}
+
+// @mixin hook-heading-2xlarge(){}
+
+
+// Divider
+// ========================================================================
+
+// @mixin hook-heading-divider(){}
+
+
+// Bullet
+// ========================================================================
+
+// @mixin hook-heading-bullet(){}
+
+
+// Line
+// ========================================================================
+
+// @mixin hook-heading-line(){}
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-heading-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-heading-small(){}
+
+// @mixin hook-inverse-heading-medium(){}
+
+// @mixin hook-inverse-heading-large(){}
+
+// @mixin hook-inverse-heading-xlarge(){}
+
+// @mixin hook-inverse-heading-2xlarge(){}
+
+// @mixin hook-inverse-heading-divider(){}
+
+// @mixin hook-inverse-heading-bullet(){}
+
+// @mixin hook-inverse-heading-line(){}

data/_sass/uikit/theme/height.scss

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

data/_sass/uikit/theme/icon.scss

@@ -0,0 +1,50 @@
+//
+// Component: Icon
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Style modifiers
+// ========================================================================
+
+//
+// Link
+//
+
+// @mixin hook-icon-link(){}
+
+// @mixin hook-icon-link-hover(){}
+
+// @mixin hook-icon-link-active(){}
+
+//
+// Button
+//
+
+
+
+// @mixin hook-icon-button-hover(){}
+
+// @mixin hook-icon-button-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-icon-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-icon-link(){}
+// @mixin hook-inverse-icon-link-hover(){}
+// @mixin hook-inverse-icon-link-active(){}
+
+// @mixin hook-inverse-icon-button(){}
+// @mixin hook-inverse-icon-button-hover(){}
+// @mixin hook-inverse-icon-button-active(){}

data/_sass/uikit/theme/iconnav.scss

@@ -0,0 +1,40 @@
+//
+// Component: Iconnav
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$subnav-item-font-size:                          $global-small-font-size !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-iconnav(){}
+
+
+
+// @mixin hook-iconnav-item-hover(){}
+
+// @mixin hook-iconnav-item-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-iconnav-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-iconnav-item(){}
+// @mixin hook-inverse-iconnav-item-hover(){}
+// @mixin hook-inverse-iconnav-item-active(){}

data/_sass/uikit/theme/inverse.scss

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

data/_sass/uikit/theme/label.scss

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

data/_sass/uikit/theme/leader.scss

@@ -0,0 +1,26 @@
+//
+// Component: Leader
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-leader(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-leader-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-leader(){}

data/_sass/uikit/theme/lightbox.scss

@@ -0,0 +1,50 @@
+//
+// Component: Lightbox
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-lightbox(){}
+
+
+// Item
+// ========================================================================
+
+// @mixin hook-lightbox-item(){}
+
+
+// Toolbar
+// ========================================================================
+
+// @mixin hook-lightbox-toolbar(){}
+
+
+// Toolbar Icon
+// ========================================================================
+
+// @mixin hook-lightbox-toolbar-icon(){}
+
+// @mixin hook-lightbox-toolbar-icon-hover(){}
+
+
+// Button
+// ========================================================================
+
+// @mixin hook-lightbox-button(){}
+
+// @mixin hook-lightbox-button-hover(){}
+
+// @mixin hook-lightbox-button-active(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-lightbox-misc(){}

data/_sass/uikit/theme/link.scss

@@ -0,0 +1,55 @@
+//
+// Component: Link
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+
+// Muted
+// ========================================================================
+
+// @mixin hook-link-muted(){}
+
+// @mixin hook-link-muted-hover(){}
+
+
+// Text
+// ========================================================================
+
+// @mixin hook-link-text(){}
+
+// @mixin hook-link-text-hover(){}
+
+
+// Heading
+// ========================================================================
+
+// @mixin hook-link-heading(){}
+
+// @mixin hook-link-heading-hover(){}
+
+
+// Reset
+// ========================================================================
+
+// @mixin hook-link-reset(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-link-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-link-muted(){}
+// @mixin hook-inverse-link-muted-hover(){}
+
+// @mixin hook-inverse-link-text-hover(){}
+
+// @mixin hook-inverse-link-heading-hover(){}

data/_sass/uikit/theme/list.scss

@@ -0,0 +1,36 @@
+//
+// Component: List
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+//
+// New
+//
+
+$list-striped-border-width:                      $global-border-width !default;
+$list-striped-border:                            $global-border !default;
+
+
+// Style modifiers
+// ========================================================================
+
+// @mixin hook-list-divider(){}
+
+
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-list-misc(){}
+
+
+// Inverse
+// ========================================================================
+
+// @mixin hook-inverse-list-divider(){}
+

data/_sass/uikit/theme/margin.scss

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

data/_sass/uikit/theme/marker.scss

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

data/_sass/uikit/theme/modal.scss

@@ -0,0 +1,84 @@
+//
+// Component: Modal
+//
+// ========================================================================
+
+
+// Variables
+// ========================================================================
+
+$modal-header-background:                        $modal-dialog-background !default;
+$modal-footer-background:                        $modal-dialog-background !default;
+
+//
+// New
+//
+
+$modal-header-border-width:                     $global-border-width !default;
+$modal-header-border:                           $global-border !default;
+
+$modal-footer-border-width:                     $global-border-width !default;
+$modal-footer-border:                           $global-border !default;
+
+$modal-close-full-padding:                      $global-margin !default;
+$modal-close-full-background:                   $modal-dialog-background !default;
+
+
+// Component
+// ========================================================================
+
+// @mixin hook-modal(){}
+
+
+// Dialog
+// ========================================================================
+
+// @mixin hook-modal-dialog(){}
+
+
+// Full
+// ========================================================================
+
+// @mixin hook-modal-full(){}
+
+
+// Sections
+// ========================================================================
+
+
+
+// @mixin hook-modal-body(){}
+
+
+
+
+// Title
+// ========================================================================
+
+// @mixin hook-modal-title(){}
+
+
+// Close
+// ========================================================================
+
+// @mixin hook-modal-close(){}
+
+// @mixin hook-modal-close-hover(){}
+
+// @mixin hook-modal-close-default(){}
+
+// @mixin hook-modal-close-default-hover(){}
+
+// @mixin hook-modal-close-outside(){}
+
+// @mixin hook-modal-close-outside-hover(){}
+
+
+
+// @mixin hook-modal-close-full-hover(){}
+
+
+// Miscellaneous
+// ========================================================================
+
+// @mixin hook-modal-misc(){}