[WIP]

Author: julioest

antora-ui/src/css/antora-ui.css

@@ -0,0 +1,166 @@
+/* Antora UI Default Styles */
+
+.body {
+  max-width: 80rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@media screen and (min-width: 1024px) {
+  .body {
+    padding: 1rem 0;
+  }
+}
+
+body.article {
+  background-color: #d1d5db;
+}
+
+.doc {
+  padding: 1rem 1rem 4rem;
+}
+
+@media screen and (min-width: 1024px) {
+  .doc {
+    margin: 0 1rem;
+  }
+}
+
+.card {
+  background-color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+  .card {
+    padding: 1.5rem;
+    border-radius: 1rem;
+    height: 100%;
+  }
+}
+
+aside.nav {
+  background-color: #fff;
+  height: auto;
+}
+
+.nav-toggle.is-active ~ .spirit-nav {
+  display: none;
+  visibility: hidden;
+}
+
+@media screen and (min-width: 769px) {
+  .nav-toggle.is-active ~ .spirit-nav {
+    display: block;
+    visibility: visible;
+  }
+}
+
+.nav-toggle {
+  background-position-x: 0;
+}
+
+.nav-container.is-active {
+  padding-left: 2rem;
+  padding-top: 3.5rem;
+}
+
+.toolbar {
+  background-color: #fff;
+  box-shadow: unset;
+  height: 2rem;
+  top: 0;
+  justify-content: space-between;
+}
+
+@media screen and (min-width: 1024px) {
+  .toolbar {
+    align-items: center;
+  }
+}
+
+.toolbar .breadcrumbs ul {
+  padding-left: 0;
+}
+
+.breadcrumbs {
+  padding-left: 0;
+}
+
+.breadcrumbs a {
+  color: #424242;
+  font-weight: 500;
+}
+
+.breadcrumbs li::after {
+  padding: 0 0.25rem;
+}
+
+.edit-this-page {
+  display: block;
+  margin-top: 1rem;
+  font-size: 0.875rem;
+  text-align: right;
+}
+
+.nav {
+  position: initial;
+  box-shadow: none;
+}
+
+.nav .panels {
+  height: 100%;
+}
+
+.nav-list li {
+  padding-top: 0.45rem;
+}
+
+.nav-menu {
+  padding: 0;
+}
+
+.spirit-nav {
+  padding-top: 0;
+}
+
+.spirit-nav a {
+  width: 1.5rem;
+}
+
+.toc.sidebar .toc-menu {
+  top: 0;
+}
+
+.toc.sidebar {
+  height: fit-content;
+}
+
+.toc.sidebar .toc-menu h3 {
+  height: auto;
+  justify-content: flex-start;
+  color: #424242;
+}
+
+.toc.embedded {
+  padding-top: 0.5rem;
+}
+
+nav.pagination {
+  padding: 1rem;
+}
+
+nav.pagination a::after,
+nav.pagination a::before {
+  width: 0.75rem;
+}
+
+.sect.edit-this-page {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 2rem;
+  padding: 0;
+}
+
+.max-width-reset {
+  max-width: none;
+}

antora-ui/src/css/master.css

@@ -18,4 +18,4 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
-@import "master.css";
+@import "antora-ui.css";