Add kitchen-sink admonitions and typography

Author: jarrodmillman

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;
@@ -1697,6 +1443,5 @@ a.navbar-item:hover {
   }
 }
 .footer {
-  background-color: #fafafa;
   padding: 3rem 1.5rem 6rem;
 }

assets/theme-css/code-highlight.css

@@ -4,13 +4,13 @@ Generated using:
 
    hugo gen chromastyles --style=witchhazel > /assets/css/code-highlight.css
 
-We replaced the background color, `#433e56`, with `var(--colorPrimaryDark)`.
+We replaced the color and background color with pst ones.
 
 */
 /* Background */
 .chroma {
-  color: #f8f8f2;
-  background-color: var(--colorPrimaryDark);
+  color: var(--pst-color-text-base);
+  background-color: var(--pst-color-surface);
 }
 /* Error */
 .chroma .err {

assets/theme-css/content.css

@@ -30,67 +30,3 @@
     margin: 0 auto;
   }
 }
-
-.content-container h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
-    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  font-weight: bold;
-  text-transform: uppercase;
-  color: var(--colorHeading);
-}
-
-.content-container h1 {
-  font-size: 2em;
-  letter-spacing: 1.5px;
-}
-
-.content-container h2 {
-  font-size: 1.4em;
-  letter-spacing: 1.3px;
-  margin-top: 30px;
-}
-
-.content-container h3 {
-  font-size: 1.2em;
-  letter-spacing: 1.3px;
-  margin-top: 25px;
-}
-
-.content-container h4 {
-  font-size: 1.1em;
-  letter-spacing: 1.2px;
-  margin-top: 23px;
-}
-
-.content-container h5 {
-  font-size: 1em;
-  letter-spacing: 1.1px;
-  margin-top: 22px;
-}
-
-.content-container h6 {
-  font-size: 0.9em;
-  letter-spacing: 1px;
-  margin-top: 21px;
-}
-
-.content-container .name.title {
-  /* Override bulma's .title selector. */
-  color: var(--colorHeading);
-}
-
-/* Override bulma .label font-weight, which otherwise impacts on g.label used by mermaid */
-g.label {
-  font-weight: normal;
-}
-
-strong {
-  /* Override bulma's STRONG selector. */
-  color: var(--colorText);
-}