Move storm to its own build

modules/backend/assets/less/controls/tree-path.less

@@ -36,7 +36,7 @@ ul.tree-path {
                 color: #95a5a6;
 
                 &:hover {
-                    color: @color-link;
+                    color: @link-color;
                 }
             }
 

modules/backend/assets/less/core/boot.less

@@ -7,15 +7,5 @@
 // Core variables and mixins
 @import "../../../../system/assets/ui/less/global.less";
 
-@import "../../../../system/assets/ui/less/site.mixins.less";
-@import "../../../../system/assets/ui/less/site.variables.less";
-
-@import "../../../../system/assets/ui/less/icon.mixins.less";
-@import "../../../../system/assets/ui/less/icon.variables.less";
-
-@import "../../../../system/assets/ui/less/form.variables.less";
-@import "../../../../system/assets/ui/less/button.variables.less";
-@import "../../../../system/assets/ui/less/dropdown.variables.less";
-
 @import "variables.less";
 @import "mixins.less";

modules/backend/assets/less/core/variables.less

@@ -2,36 +2,18 @@
 // Override UI variables
 // --------------------------------------------------
 
-@font-family-sans-serif:        'Open Sans', Arial, sans-serif;
-
-@brand-primary:                  #5fb6f5;
-@input-color-placeholder:        #cccccc;
-@border-radius-base:             2px;
-@dropdown-border:                #949ea6;
-@dropdown-link-color:            #39454a;
-
-@btn-default-color:              #666666;
-@btn-default-bg:                 #e3e3e3;
-@btn-default-border:             #e3e3e3;
-
-@link-color:                     darken(@brand-primary, 15%);
-@link-hover-color:               darken(@link-color, 30%);
+@font-family-base:        'Open Sans', Arial, sans-serif;
 
 //
 // Paths
 // --------------------------------------------------
 
 @type-font-path: "../font";
-@font-path:    "../../../system/assets/ui/font";
-@image-path:    "../../../system/assets/ui/images";
 
 //
 // Colors
 // --------------------------------------------------
 
-@color-link:                                 #0181b9;
-
-@color-focus:                                @brand-primary;
 @color-border:                               #cccccc;
 @color-border-light:                         #e1e1e1;
 
@@ -75,12 +57,6 @@
 @color-scrollpanel-fix-button-light:         #eeeeee;
 @color-scroll-indicator:                     #bbbbbb;
 
-@color-richeditor-toolbar:                   #dddddd;
-@color-richeditor-toolbar-btn-color:         #404040;
-@color-richeditor-toolbar-btn-bg-hover:      #999999;
-@color-richeditor-toolbar-btn-bg-active:     #404040;
-@color-richeditor-toolbar-btn-color-hover:   #ffffff;
-
 @color-panel-light:                          #ECF0F1;
 
 @color-outer-muted-text:                     rgba(255,255,255,.44);

modules/backend/assets/less/layout/layout.less

@@ -34,6 +34,7 @@ body {
 
 body {
     webkit-font-smoothing: antialiased;
+    font-family: @font-family-base;
     background: @body-bg;
 }
 

modules/backend/assets/less/october.less

@@ -37,7 +37,7 @@
 // October Storm UI
 //
 
-@import "../../../system/assets/ui/storm.less";
+@import "../../../system/assets/ui/less/global.less";
 
 //
 // Combines layout and vendor styles
@@ -60,4 +60,3 @@
 @import "layout/outerlayout.less";
 @import "layout/fancylayout.less";
 @import "layout/flyout.less";
-

modules/backend/widgets/reportcontainer/assets/less/reportcontainer.less

@@ -41,7 +41,7 @@
                     outline: none;
 
                     &:hover {
-                        color: @color-link;
+                        color: @link-color;
                     }
                 }
 
@@ -154,9 +154,9 @@
 
         &:hover {
             text-decoration: none;
-            background-color: @color-link;
+            background-color: @link-color;
             color: white;
-            border: 1px solid @color-link;
+            border: 1px solid @link-color;
         }
     }
 

modules/backend/widgets/table/assets/less/table.less

@@ -349,7 +349,7 @@
             }
 
             &:hover:after {
-                color: @color-link;
+                color: @link-color;
             }
         }
 

modules/cms/widgets/mediamanager/assets/less/mediamanager.less

@@ -152,7 +152,7 @@ div[data-control="media-manager"] {
                     display: none;
 
                     &:hover {
-                        color: @color-link;
+                        color: @link-color;
                         text-decoration: none;
                     }
                 }
@@ -281,7 +281,7 @@ div[data-control="media-manager"] {
                 }
 
                 p {
-                    font-family: @font-family-sans-serif;
+                    font-family: @font-family-base;
                 }
             }
 
@@ -465,7 +465,7 @@ div[data-control="media-manager"] {
 
                     &:hover {
                         text-decoration: none;
-                        color: @color-link;
+                        color: @link-color;
                     }
                 }
             }

modules/system/ServiceProvider.php

@@ -448,6 +448,8 @@ class ServiceProvider extends ModuleServiceProvider
          */
         CombineAssets::registerCallback(function($combiner) {
             $combiner->registerBundle('~/modules/system/assets/less/styles.less');
+            $combiner->registerBundle('~/modules/system/assets/ui/storm.less');
+            $combiner->registerBundle('~/modules/system/assets/ui/storm.js');
         });
     }
 

modules/system/assets/css/styles.css

@@ -43,8 +43,8 @@ html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
 body{font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333333;background-color:#f9f9f9}
 input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
 button,input,select[multiple],textarea{background-image:none}
-a{color:#428bca;text-decoration:none}
-a:hover,a:focus{color:#2a6496;text-decoration:underline}
+a{color:#0181b9;text-decoration:none}
+a:hover,a:focus{color:#001721;text-decoration:underline}
 a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
 img{vertical-align:middle}
 .img-responsive{display:block;max-width:100%;height:auto}
@@ -365,8 +365,8 @@ cite{font-style:normal}
 .text-center{text-align:center}
 .text-justify{text-align:justify}
 .text-muted{color:#999999}
-.text-primary{color:#428bca}
-a.text-primary:hover{color:#3071a9}
+.text-primary{color:#5fb6f5}
+a.text-primary:hover{color:#2fa0f2}
 .text-success{color:#3c763d}
 a.text-success:hover{color:#2b542c}
 .text-info{color:#31708f}
@@ -375,8 +375,8 @@ a.text-info:hover{color:#245269}
 a.text-warning:hover{color:#66512c}
 .text-danger{color:#a94442}
 a.text-danger:hover{color:#843534}
-.bg-primary{color:#fff;background-color:#428bca}
-a.bg-primary:hover{background-color:#3071a9}
+.bg-primary{color:#fff;background-color:#5fb6f5}
+a.bg-primary:hover{background-color:#2fa0f2}
 .bg-success{background-color:#dff0d8}
 a.bg-success:hover{background-color:#c1e2b3}
 .bg-info{background-color:#d9edf7}

modules/system/assets/less/styles.less

@@ -2,7 +2,7 @@
 @import "../ui/less/site.less";
 @import "../ui/less/icon.less";
 
-@font-family-sans-serif: 'Open Sans', Arial, sans-serif;
+@font-family-base: 'Open Sans', Arial, sans-serif;
 @color-base: #405261;
 @color-warning: #c84530;
 @font-path: "../ui/font"; // For icon fonts
@@ -13,13 +13,13 @@
 
 body {
     padding-top: 20px;
-    font-family: @font-family-sans-serif;
+    font-family: @font-family-base;
     background: #f3f3f3;
     color: @color-base;
 }
- 
+
 h1, h2, h3, h4, h5 {
-    font-family: @font-family-sans-serif;
+    font-family: @font-family-base;
     text-transform: uppercase;
 }
 

modules/system/assets/ui/README.md

@@ -16,40 +16,6 @@ Components are a mixture of CSS and JavaScript (Controls), or can be solely styl
 
 Each component has a *strong name*, for example the loading indicator has the name `loader`. For complex components, they can be broken in to child components, for example `loader.stripe`. Not all child components can be used independently of their parents, but this is certainly possible and a nice idea.
 
-These Scripts are available:
-
-- Foundation (`foundation`)
-- Drag (`drag`)
-- Input (`input`)
-
-These Styles are available:
-
-- Site (`site`)
-- Flag (`flag`)
-- Icon (`icon`)
-- Breadcrumb (`breadcrumb`)
-- Pagination (`pagination`)
-- Progress Bar (`progressbar`)
-
-These Controls are available:
-
-- Form (`form`)
-- List (`list`)
-- Button (`button`)
-- Chart (`chart`)
-- Callout (`callout`)
-- Scoreboard (`scoreboard`)
-- Dropdown (`dropdown`)
-- Inspector (`inspector`)
-- Flash (`flashmessage`)
-- Filter (`filter`)
-- Loader (`loader`)
-- Tooltip (`tooltip`)
-- Toolbar (`toolbar`)
-- Popover (`popover`)
-- Popup (`popup`)
-- Tab (`tab`)
-
 > *Note*: Documentation for each component can be found in the **docs/** directory.
 
 ## Building a collection