Merge pull request #329 from jarrodmillman/kitchen-sink-admonitions

Prepare for better PST alignment

Author: jarrodmillman

assets/js/shortcuts.js

@@ -110,7 +110,7 @@ function setupShortcuts(shortcutDepth = 2) {
   if (shortcutsTarget) {
     const classElements = Array.from(document.querySelectorAll(classes));
     classElements.map((el) => {
-      const title = el.textContent;
+      const title = el.innerHTML;
       const elId = el.id;
       // Gets the element type (e.g. h2, h3)
       const elType = el.tagName;
@@ -152,7 +152,9 @@ function setupShortcuts(shortcutDepth = 2) {
 
   // Removes the shortcuts container if no shortcuts exist.
   // Also removes the 'Get Help' link.
-  const shortcuts = Array.from(document.querySelectorAll("#shortcuts div"));
+  const shortcuts = Array.from(
+    document.querySelectorAll("#shortcuts div:not(#shortcuts-header)"),
+  );
   if (shortcuts.length == 0) {
     const shortcutsContainer = document.getElementById("shortcuts-container");
     if (shortcutsContainer) {

assets/theme-css/bulma.css

@@ -153,40 +153,8 @@
   font-size: 1em;
   margin: 0;
   padding: 0;
-} /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
-blockquote,
-body,
-dd,
-dl,
-dt,
-figure,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-html,
-iframe,
-legend,
-li,
-ol,
-p,
-pre,
-ul {
-  margin: 0;
-  padding: 0;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-size: 100%;
-  font-weight: 400;
 }
+/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
 ul {
   list-style: none;
 }
@@ -223,19 +191,6 @@ td:not([align]),
 th:not([align]) {
   text-align: inherit;
 }
-html {
-  background-color: #fff;
-  font-size: 16px;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  min-width: 300px;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  text-rendering: optimizeLegibility;
-  -webkit-text-size-adjust: 100%;
-  -moz-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-}
 article,
 aside,
 figure,
@@ -244,55 +199,6 @@ header,
 section {
   display: block;
 }
-body,
-button,
-input,
-select {
-  font-family:
-    BlinkMacSystemFont,
-    -apple-system,
-    "Segoe UI",
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    "Fira Sans",
-    "Droid Sans",
-    "Helvetica Neue",
-    Helvetica,
-    Arial,
-    sans-serif;
-}
-code,
-pre {
-  -moz-osx-font-smoothing: auto;
-  -webkit-font-smoothing: auto;
-  font-family: monospace;
-}
-body {
-  color: #4a4a4a;
-  font-size: 1em;
-  font-weight: 400;
-  line-height: 1.5;
-}
-a {
-  color: #485fc7;
-  cursor: pointer;
-  text-decoration: none;
-}
-a strong {
-  color: currentColor;
-}
-a:hover {
-  color: #363636;
-}
-code {
-  background-color: #f5f5f5;
-  color: #da1039;
-  font-size: 0.875em;
-  font-weight: 400;
-  padding: 0.25em 0.5em 0.25em;
-}
 hr {
   background-color: #f5f5f5;
   border: none;
@@ -315,26 +221,6 @@ span {
   font-style: inherit;
   font-weight: inherit;
 }
-strong {
-  color: #363636;
-  font-weight: 700;
-}
-pre {
-  -webkit-overflow-scrolling: touch;
-  background-color: #f5f5f5;
-  color: #4a4a4a;
-  font-size: 0.875em;
-  overflow-x: auto;
-  padding: 1.25rem 1.5rem;
-  white-space: pre;
-  word-wrap: normal;
-}
-pre code {
-  background-color: transparent;
-  color: currentColor;
-  font-size: 1em;
-  padding: 0;
-}
 table td,
 table th {
   vertical-align: top;
@@ -518,145 +404,6 @@ a.box:active {
     max-width: 1344px;
   }
 }
-.content li + li {
-  margin-top: 0.25em;
-}
-.content blockquote:not(:last-child),
-.content dl:not(:last-child),
-.content ol:not(:last-child),
-.content p:not(:last-child),
-.content pre:not(:last-child),
-.content table:not(:last-child),
-.content ul:not(:last-child) {
-  margin-bottom: 1em;
-}
-.content h1,
-.content h2,
-.content h3,
-.content h4,
-.content h5,
-.content h6 {
-  color: #363636;
-  font-weight: 600;
-  line-height: 1.125;
-}
-.content h1 {
-  font-size: 2em;
-  margin-bottom: 0.5em;
-}
-.content h1:not(:first-child) {
-  margin-top: 1em;
-}
-.content h2 {
-  font-size: 1.75em;
-  margin-bottom: 0.5714em;
-}
-.content h2:not(:first-child) {
-  margin-top: 1.1428em;
-}
-.content h3 {
-  font-size: 1.5em;
-  margin-bottom: 0.6666em;
-}
-.content h3:not(:first-child) {
-  margin-top: 1.3333em;
-}
-.content h4 {
-  font-size: 1.25em;
-  margin-bottom: 0.8em;
-}
-.content h5 {
-  font-size: 1.125em;
-  margin-bottom: 0.8888em;
-}
-.content h6 {
-  font-size: 1em;
-  margin-bottom: 1em;
-}
-.content blockquote {
-  background-color: #f5f5f5;
-  border-left: 5px solid #dbdbdb;
-  padding: 1.25em 1.5em;
-}
-.content ol {
-  list-style-position: outside;
-  margin-left: 2em;
-  margin-top: 1em;
-}
-.content ol:not([type]) {
-  list-style-type: decimal;
-}
-.content ul {
-  list-style: disc outside;
-  margin-left: 2em;
-  margin-top: 1em;
-}
-.content ul ul {
-  list-style-type: circle;
-  margin-top: 0.5em;
-}
-.content ul ul ul {
-  list-style-type: square;
-}
-.content dd {
-  margin-left: 2em;
-}
-.content figure {
-  margin-left: 2em;
-  margin-right: 2em;
-  text-align: center;
-}
-.content figure:not(:first-child) {
-  margin-top: 2em;
-}
-.content figure:not(:last-child) {
-  margin-bottom: 2em;
-}
-.content figure img {
-  display: inline-block;
-}
-.content figure figcaption {
-  font-style: italic;
-}
-.content pre {
-  -webkit-overflow-scrolling: touch;
-  overflow-x: auto;
-  padding: 1.25em 1.5em;
-  white-space: pre;
-  word-wrap: normal;
-}
-.content sub,
-.content sup {
-  font-size: 75%;
-}
-.content table {
-  width: 100%;
-}
-.content table td,
-.content table th {
-  border: 1px solid #dbdbdb;
-  border-width: 0 0 1px;
-  padding: 0.5em 0.75em;
-  vertical-align: top;
-}
-.content table th {
-  color: #363636;
-}
-.content table th:not([align]) {
-  text-align: inherit;
-}
-.content table thead td,
-.content table thead th {
-  border-width: 0 0 2px;
-  color: #363636;
-}
-.content table tbody tr:last-child td,
-.content table tbody tr:last-child th {
-  border-bottom-width: 0;
-}
-.content .tabs li + li {
-  margin-top: 0;
-}
 .icon {
   align-items: center;
   display: inline-flex;
@@ -868,7 +615,6 @@ a.tag:hover {
   vertical-align: middle;
 }
 .title {
-  color: #363636;
   font-size: 2rem;
   font-weight: 600;
   line-height: 1.125;
@@ -1594,7 +1340,7 @@ a.navbar-item:hover {
   flex-basis: 0;
   flex-grow: 1;
   flex-shrink: 1;
-  padding: 0.75rem;
+  padding: 0.75rem 0.75rem 0rem 0.75rem;
 }
 .columns.is-mobile > .column.is-5 {
   flex: none;
@@ -1609,7 +1355,7 @@ a.navbar-item:hover {
 .columns {
   margin-left: -0.75rem;
   margin-right: -0.75rem;
-  margin-top: -0.75rem;
+  margin-top: 1rem;
 }
 .columns:last-child {
   margin-bottom: -0.75rem;
@@ -1697,6 +1443,5 @@ a.navbar-item:hover {
   }
 }
 .footer {
-  background-color: #fafafa;
   padding: 3rem 1.5rem 6rem;
 }