2.x Package Documentation Support

.gitignore

@@ -6,7 +6,7 @@
 /cache/*
 !/cache/.placeholder
 
-# App Docs #
+# Documentation Cache #
 /docs/*
 !/docs/.placeholder
 

assets/scss/_global.scss

@@ -27,7 +27,7 @@ a {
   position: relative;
 }
 
-nav {
+nav.main-nav {
   background-color: $darker-black;
   color: #ffffff;
   padding: .5rem 0;
@@ -99,3 +99,66 @@ footer {
     color: theme-color("primary");
   }
 }
+
+.sidenav-body {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  .sidebar {
+    flex-basis: 100%;
+    @include media-breakpoint-up(md) {
+      flex-basis: calc(30% - 1vw);
+    }
+    @include media-breakpoint-up(lg) {
+      flex-basis: calc(25% - 1vw);
+    }
+    @include media-breakpoint-up(xl) {
+      flex-basis: calc(20% - 1vw);
+    }
+  }
+  .content {
+    flex-basis: 100%;
+    @include media-breakpoint-up(md) {
+      flex-basis: calc(70% - 1vw);
+    }
+    @include media-breakpoint-up(lg) {
+      flex-basis: calc(75% - 1vw);
+    }
+    @include media-breakpoint-up(xl) {
+      flex-basis: calc(80% - 1vw);
+    }
+  }
+  @supports (display: grid) {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-gap: 1.25rem;
+    @include media-breakpoint-up(md) {
+      grid-template-columns: 30% 70%;
+    }
+    @include media-breakpoint-up(lg) {
+      grid-template-columns: 25% 75%;
+    }
+    @include media-breakpoint-up(xl) {
+      grid-template-columns: 20% 80%;
+    }
+    .sidebar {
+      order: 2;
+      @include media-breakpoint-up(md) {
+        order: 1;
+      }
+    }
+    .content {
+      order: 1;
+      @include media-breakpoint-up(md) {
+        order: 2;
+      }
+    }
+  }
+}
+
+/**.highlight {
+  pre {
+    font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
+    @extend .bg-light;
+  }
+}**/

assets/scss/_variables.scss

@@ -1,23 +1,23 @@
-// Site Custom Variables
-
-$darker-black: #181818;
-$icon-color:   #676566;
-$go-h2:        #d3edfe;
-$marker-color: #c1bfbf;
-
-// Override Bootstrap variables
-
-$theme-colors: (
-  primary: #428bca,
-  success: #599e1f,
-  info: #306598
-);
-
-$body-bg: $darker-black !default;
-
-$link-color: #214a73;
-
-$font-family-sans-serif: 'Source Sans Pro', sans-serif;
-$font-family-monospace:  'Source Sans Pro', sans-serif;
-
-$headings-font-weight: 600;
+// Site Custom Variables
+
+$darker-black: #181818;
+$icon-color:   #676566;
+$go-h2:        #d3edfe;
+$marker-color: #c1bfbf;
+
+// Override Bootstrap variables
+
+$theme-colors: (
+  primary: #428bca,
+  success: #599e1f,
+  info: #306598
+);
+
+$body-bg: $darker-black !default;
+
+$link-color: #214a73;
+
+$font-family-sans-serif: 'Source Sans Pro', sans-serif;
+$font-family-monospace:  'Source Sans Pro', sans-serif;
+
+$headings-font-weight: 600;

assets/scss/code.scss

@@ -0,0 +1,2 @@
+// Import the theme, customize as necessary afterwards
+@import "~github-syntax-light/lib/github-light.css";

assets/scss/pages/_homepage.scss

@@ -1,6 +1,19 @@
 nav.homepage {
   ul {
     li {
+      margin-left: 5%;
+      @include media-breakpoint-up(md) {
+        margin-left: 1%;
+      }
+      @include media-breakpoint-up(lg) {
+        margin-left: 3%;
+      }
+      @include media-breakpoint-up(xl) {
+        margin-left: 4%;
+      }
+      &:first-child {
+        margin-left: 0;
+      }
       span {
         &.title {
           display: none;

assets/scss/template.scss

@@ -1,68 +1,70 @@
-// External fonts
-@import "_fonts";
-
-// Site variables
-@import "_variables";
-
-// Font Awesome
-// From @import "~@fortawesome/fontawesome-free/scss/fontawesome";
-@import '~@fortawesome/fontawesome-free/scss/variables';
-@import '~@fortawesome/fontawesome-free/scss/mixins';
-@import '~@fortawesome/fontawesome-free/scss/core';
-@import "~@fortawesome/fontawesome-free/scss/_larger";
-//@import '~@fortawesome/fontawesome-free/scss/fixed-width';
-//@import '~@fortawesome/fontawesome-free/scss/list';
-//@import '~@fortawesome/fontawesome-free/scss/bordered-pulled';
-//@import '~@fortawesome/fontawesome-free/scss/animated';
-//@import '~@fortawesome/fontawesome-free/scss/rotated-flipped';
-//@import '~@fortawesome/fontawesome-free/scss/stacked';
-@import '~@fortawesome/fontawesome-free/scss/_icons';
-//@import '~@fortawesome/fontawesome-free/scss/screen-reader';
-
-@import "~@fortawesome/fontawesome-free/scss/brands";
-@import "~@fortawesome/fontawesome-free/scss/regular";
-@import "~@fortawesome/fontawesome-free/scss/solid";
-
-// Bootstrap
-@import "~bootstrap/scss/_functions";
-@import "~bootstrap/scss/_variables";
-@import "~bootstrap/scss/_mixins";
-@import "~bootstrap/scss/_root";
-@import "~bootstrap/scss/_reboot";
-@import "~bootstrap/scss/_type";
-@import "~bootstrap/scss/_images";
-@import "~bootstrap/scss/_code";
-@import "~bootstrap/scss/_grid";
-@import "~bootstrap/scss/_tables";
-@import "~bootstrap/scss/_forms";
-@import "~bootstrap/scss/_buttons";
-//@import "~bootstrap/scss/_transitions";
-//@import "~bootstrap/scss/_dropdown";
-//@import "~bootstrap/scss/_button-group";
-//@import "~bootstrap/scss/_input-group";
-//@import "~bootstrap/scss/_custom-forms";
-//@import "~bootstrap/scss/_nav";
-//@import "~bootstrap/scss/_navbar";
-@import "~bootstrap/scss/_card";
-//@import "~bootstrap/scss/_breadcrumb";
-//@import "~bootstrap/scss/_pagination";
-@import "~bootstrap/scss/_badge";
-//@import "~bootstrap/scss/_jumbotron";
-@import "~bootstrap/scss/_alert";
-//@import "~bootstrap/scss/_progress";
-//@import "~bootstrap/scss/_media";
-//@import "~bootstrap/scss/_list-group";
-//@import "~bootstrap/scss/_close";
-//@import "~bootstrap/scss/_toasts";
-//@import "~bootstrap/scss/_modal";
-//@import "~bootstrap/scss/_tooltip";
-//@import "~bootstrap/scss/_popover";
-//@import "~bootstrap/scss/_carousel";
-//@import "~bootstrap/scss/_spinners";
-@import "~bootstrap/scss/_utilities";
-@import "~bootstrap/scss/_print";
-
-// Site components
-@import "_global";
-@import "_responsive-table";
-@import "pages/_homepage";
+// External fonts
+@import "_fonts";
+
+// Site variables
+@import "_variables";
+
+// Font Awesome
+// From @import "~@fortawesome/fontawesome-free/scss/fontawesome";
+@import '~@fortawesome/fontawesome-free/scss/variables';
+@import '~@fortawesome/fontawesome-free/scss/mixins';
+@import '~@fortawesome/fontawesome-free/scss/core';
+@import "~@fortawesome/fontawesome-free/scss/_larger";
+//@import '~@fortawesome/fontawesome-free/scss/fixed-width';
+//@import '~@fortawesome/fontawesome-free/scss/list';
+//@import '~@fortawesome/fontawesome-free/scss/bordered-pulled';
+//@import '~@fortawesome/fontawesome-free/scss/animated';
+//@import '~@fortawesome/fontawesome-free/scss/rotated-flipped';
+//@import '~@fortawesome/fontawesome-free/scss/stacked';
+@import '~@fortawesome/fontawesome-free/scss/_icons';
+//@import '~@fortawesome/fontawesome-free/scss/screen-reader';
+
+@import "~@fortawesome/fontawesome-free/scss/brands";
+@import "~@fortawesome/fontawesome-free/scss/regular";
+@import "~@fortawesome/fontawesome-free/scss/solid";
+
+// Bootstrap
+@import "~bootstrap/scss/_functions";
+@import "~bootstrap/scss/_variables";
+@import "~bootstrap/scss/_maps";
+@import "~bootstrap/scss/_mixins";
+@import "~bootstrap/scss/_utilities";
+
+@import "~bootstrap/scss/_root";
+@import "~bootstrap/scss/_reboot";
+@import "~bootstrap/scss/_type";
+@import "~bootstrap/scss/_images";
+@import "~bootstrap/scss/_containers";
+@import "~bootstrap/scss/_grid";
+@import "~bootstrap/scss/_tables";
+@import "~bootstrap/scss/_forms";
+@import "~bootstrap/scss/_buttons";
+//@import "~bootstrap/scss/_transitions";
+//@import "~bootstrap/scss/_dropdown";
+//@import "~bootstrap/scss/_button-group";
+//@import "~bootstrap/scss/_nav";
+//@import "~bootstrap/scss/_navbar";
+@import "~bootstrap/scss/_card";
+//@import "~bootstrap/scss/_accordion";
+//@import "~bootstrap/scss/_breadcrumb";
+//@import "~bootstrap/scss/_pagination";
+@import "~bootstrap/scss/_badge";
+@import "~bootstrap/scss/_alert";
+//@import "~bootstrap/scss/_progress";
+//@import "~bootstrap/scss/_list-group";
+//@import "~bootstrap/scss/_close";
+//@import "~bootstrap/scss/_toasts";
+//@import "~bootstrap/scss/_modal";
+//@import "~bootstrap/scss/_tooltip";
+//@import "~bootstrap/scss/_popover";
+//@import "~bootstrap/scss/_carousel";
+//@import "~bootstrap/scss/_spinners";
+//@import "~bootstrap/scss/_offcanvas";
+//@import "~bootstrap/scss/_placeholders";
+
+@import "~bootstrap/scss/_helpers";
+
+// Site components
+@import "_global";
+@import "_responsive-table";
+@import "pages/_homepage";

bin/framework

@@ -26,6 +26,7 @@ try
 {
 	$container = (new Joomla\DI\Container)
 		->registerServiceProvider(new Joomla\FrameworkWebsite\Service\ApplicationProvider)
+		->registerServiceProvider(new Joomla\FrameworkWebsite\Service\CacheProvider)
 		->registerServiceProvider(new Joomla\FrameworkWebsite\Service\ConfigurationProvider(JPATH_ROOT . '/etc/config.json'))
 		->registerServiceProvider(new Joomla\Database\Service\DatabaseProvider)
 		->registerServiceProvider(new Joomla\FrameworkWebsite\Service\EventProvider)