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/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;

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)

composer.json

@@ -34,6 +34,7 @@
         "ramsey/uuid": "^4.0.1",
         "robmorgan/phinx": "^0.12.3",
         "symfony/asset": "^5.1.2",
+        "symfony/cache": "^5.1.2",
         "symfony/process": "^5.1.2",
         "symfony/web-link": "^5.1.2",
         "symfony/yaml": "^5.1.2",