- Add Step Progress Bar.

- Prefix partials with `_`.
2023-06-10 18:46:58 -05:00
parent f6fa0d56ac
commit bba003edc9
6 changed files with 23 additions and 0 deletions
--- a/scss/vendors/_prismjs.scss
+++ b/scss/vendors/_prismjs.scss
@@ -0,0 +1,136 @@
+/**
+ * Prism Essence Theme, based on Material Theme.
+ *
+ * Author: Leo Nguyen
+ */
+$prism-bg: hsl(220, 25%, 25%);
+$prism-gray: hsl(230, 40%, 70%);
+$prism-red: hsl(0, 100%, 80%);
+$prism-orange: hsl(15, 90%, 70%);
+$prism-yellow: hsl(50, 100%, 75%);
+$prism-green: hsl(100, 80%, 80%);
+$prism-cyan: hsl(200, 100%, 80%);
+$prism-blue: hsl(230, 100%, 80%);
+$prism-purple: hsl(275, 100%, 80%);
+
+pre {
+  margin: 0.5rem 0 1rem;
+  padding: 1.5rem;
+  border-radius: 0.5rem;
+  background: $prism-bg;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1rem;
+  line-height: 1.5;
+  overflow: auto;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  tab-size: 4;
+  hyphens: none;
+
+  code {
+    padding: 0;
+    color: #fff;
+    background: $prism-bg;
+
+  }
+}
+
+/* Purple (keyword) */
+.token.keyword,
+.token.important,
+.token.builtin,
+.token.atrule {
+  color: $prism-purple;
+}
+
+/* Yellow (entity, class) */
+.token.entity,
+.token.class,
+.token.name,
+.token.class-name,
+.token.package,
+.token.scope,
+.token.attr-name {
+  color: $prism-yellow;
+}
+
+/* Blue (function) */
+.token.function-name,
+.token.function {
+  color: $prism-blue;
+}
+
+/* Red (tag) */
+.token.tag,
+.token.namespace,
+.token.selector,
+.token.deleted {
+  color: $prism-red;
+}
+
+/* Green (string, attribute) */
+.token.string,
+.token.char,
+.token.property,
+.token.attr-value,
+.token.regex {
+  color: $prism-green;
+}
+
+/* Orange (number, literal) */
+.token.number,
+.token.boolean,
+.token.constant {
+  color: $prism-orange;
+}
+
+/* Cyan (sign) */
+.token.symbol,
+.token.punctuation,
+.token.operator,
+.token.url,
+.token.unit,
+.token.hexcode,
+.token.doctype-tag {
+  color: $prism-cyan;
+}
+
+/* White (variable, CSS pseudo class) */
+.token.variable,
+.token.pseudo-class {
+  color: #fff;
+}
+
+/* Gray (comment) */
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: $prism-gray;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+.token.inserted {
+  color: green;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a, div.code-toolbar > .toolbar > .toolbar-item > button, div.code-toolbar > .toolbar > .toolbar-item > span {
+  padding: 0.5em 1em;
+  margin: 0.25em 0.5em;
+  font-size: 0.9em;
+  color: #eee;
+}