Register the system styles as a package, recompile them

Bring back missing styles

modules/backend/assets/css/october.css

@@ -680,12 +680,14 @@ select{background:#fff !important}
 }
 .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.modal-footer:before,.modal-footer:after,.nav:before,.nav:after{content:" ";display:table}
 .clearfix:after,.container:after,.container-fluid:after,.row:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after{clear:both}
+.center-block{display:block;margin-left:auto;margin-right:auto}
 .pull-right{float:right !important}
 .pull-left{float:left !important}
 .hide{display:none !important}
 .show{display:block !important}
 .invisible{visibility:hidden}
 .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
+.hidden{display:none !important;visibility:hidden !important}
 .affix{position:fixed}
 @-ms-viewport{width:device-width}
 .visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}

modules/system/ServiceProvider.php

@@ -21,6 +21,7 @@ use System\Twig\Extension as TwigExtension;
 use System\Models\EventLog;
 use System\Models\MailSettings;
 use System\Models\MailTemplate;
+use System\Classes\CombineAssets;
 use Backend\Classes\WidgetManager;
 use October\Rain\Support\ModuleServiceProvider;
 use October\Rain\Router\Helper as RouterHelper;
@@ -50,6 +51,7 @@ class ServiceProvider extends ModuleServiceProvider
         $this->registerTwigParser();
         $this->registerMailer();
         $this->registerMarkupTags();
+        $this->registerAssetBundles();
 
         /*
          * Register other module providers
@@ -431,4 +433,18 @@ class ServiceProvider extends ModuleServiceProvider
             ]);
         });
     }
+
+    /**
+     * Register asset bundles
+     */
+    protected function registerAssetBundles()
+    {
+        /*
+         * Register asset bundles
+         */
+        CombineAssets::registerCallback(function($combiner) {
+            $combiner->registerBundle('~/modules/system/assets/less/styles.less');
+        });
+    }
+
 }

modules/system/assets/less/styles.less

@@ -5,7 +5,8 @@
 @fontOpenSans: 'Open Sans', Arial, sans-serif;
 @colorBase: #405261;
 @colorWarning: #c84530;
-@fontsPath: "../font";
+@fontsPath: "../font"; // For webfonts
+@font-path: "../ui/font"; // For icon fonts
 
 @font-face {
     font-family: 'Open Sans';

modules/system/assets/ui/less/site.utility.less

@@ -9,6 +9,9 @@
 .clearfix {
     .clearfix();
 }
+.center-block {
+    .center-block();
+}
 .pull-right {
     float: right !important;
 }
@@ -33,6 +36,14 @@
     .text-hide();
 }
 
+// Hide from screenreaders and browsers
+//
+// Credit: HTML5 Boilerplate
+
+.hidden {
+    display: none !important;
+    visibility: hidden !important;
+}
 
 // For Affix plugin
 // -------------------------