add CSS for UI shell

- add CSS for all UI elements outside of article content
- add additional CSS classes to be activated by JavaScript
- add Roboto and Roboto Mono font packages as dev dependencies
- change navigation button in toolbar to a toggle

1 files changed, 39 insertions, 0 deletions

diff --git a/src/css/breadcrumbs.css b/src/css/breadcrumbs.css
new file mode 100644
index 0000000..c7c27bb
--- /dev/null
+++ b/src/css/breadcrumbs.css
@@ -0,0 +1,39 @@
+.crumbs {
+  display: none;
+  flex: 1 1;
+  padding: 0 0.5rem 0 0.75rem;
+  line-height: 1.35;
+  hyphens: none;
+}
+
+@media (min-width: 1024px) {
+  .crumbs {
+    display: block;
+  }
+}
+
+a + .crumbs {
+  padding-left: 0.05rem;
+}
+
+.crumbs ul {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.crumbs li {
+  display: inline;
+  margin: 0;
+}
+
+.crumbs li::after {
+  content: "/";
+  padding: 0 0.5rem;
+}
+
+.crumbs li:last-of-type::after {
+  content: none;
+}