diff --git a/lib/terminal.css b/lib/terminal.css index cc2f649..ac04a3d 100644 --- a/lib/terminal.css +++ b/lib/terminal.css @@ -13,9 +13,10 @@ --error-color: #d20962; --progress-bar-background: #727578; --progress-bar-fill: #151515; - --code-bg-color: var(--background-color); + --code-bg-color: #e8eff2; --input-style: solid; --display-h1-decoration: none; + --block-background-color: var(--background-color); } * { @@ -177,7 +178,7 @@ pre { word-break: break-all; word-wrap: break-word; color: var(--secondary-color); - background-color: var(--background-color); + background-color: var(--block-background-color); border: 1px solid var(--secondary-color); padding: var(--global-space); white-space: pre-wrap; @@ -192,10 +193,10 @@ pre code { display: inline-block; min-width: 100%; font-family: var(--mono-font-stack); + background-color: var(--block-background-color); } .terminal blockquote, -.terminal code, .terminal h1, .terminal h2, .terminal h3, @@ -210,6 +211,12 @@ pre code { color: var(--font-color); } +.terminal code { + font-size: var(--global-font-size); + font-style: normal; + color: var(--font-color); +} + .terminal-prompt { position: relative; white-space: nowrap; @@ -908,7 +915,7 @@ figure > figcaption { display: block; overflow-x: auto; padding: 0.5em; - background: var(--code-bg-color); + background: var(--block-background-color); color: var(--font-color); } diff --git a/pages/dark.md b/pages/dark.md index ff8e081..3bf20a0 100644 --- a/pages/dark.md +++ b/pages/dark.md @@ -1,6 +1,6 @@ --- title: Terminal CSS - Dark -description: Terminal CSS is a modern, simple, and accessible CSS framework. +description: A modern and minimal CSS framework for terminal lovers. layout: dark --- diff --git a/pages/index.md b/pages/index.md index 00f17ff..43c2d3d 100644 --- a/pages/index.md +++ b/pages/index.md @@ -1,6 +1,6 @@ --- title: Terminal CSS -description: Terminal CSS is a modern, simple, and accessible CSS framework. +description: A modern and minimal CSS framework for terminal lovers. layout: default --- diff --git a/pages/sans-serif-dark.md b/pages/sans-serif-dark.md index 02b5394..f0c20ef 100644 --- a/pages/sans-serif-dark.md +++ b/pages/sans-serif-dark.md @@ -1,6 +1,6 @@ --- title: Terminal CSS -description: Terminal CSS is a modern, simple, and accessible CSS framework. +description: A modern and minimal CSS framework for terminal lovers. layout: sans-dark --- diff --git a/pages/sans-serif.md b/pages/sans-serif.md index 8fc0950..a4eb317 100644 --- a/pages/sans-serif.md +++ b/pages/sans-serif.md @@ -1,6 +1,6 @@ --- title: Terminal CSS -description: Terminal CSS is a modern, simple, and accessible CSS framework. +description: A modern and minimal CSS framework for terminal lovers. layout: sans --- diff --git a/templates/layouts/dark.html b/templates/layouts/dark.html index 55f6012..89fc68c 100644 --- a/templates/layouts/dark.html +++ b/templates/layouts/dark.html @@ -30,7 +30,7 @@ - {{ template "navigation.html" }} + {{ template "navigation.html" . }}
{{ .Content }}
diff --git a/templates/layouts/default.html b/templates/layouts/default.html index 613038f..c353b7f 100644 --- a/templates/layouts/default.html +++ b/templates/layouts/default.html @@ -4,7 +4,7 @@ {{ template "head.html" . }} - {{ template "navigation.html" }} + {{ template "navigation.html" . }}
{{ .Content }}
diff --git a/templates/layouts/sans-dark.html b/templates/layouts/sans-dark.html index 296dade..587dca0 100644 --- a/templates/layouts/sans-dark.html +++ b/templates/layouts/sans-dark.html @@ -25,7 +25,7 @@ - {{ template "navigation.html" }} + {{ template "navigation.html" . }}
{{ .Content }}
diff --git a/templates/layouts/sans.html b/templates/layouts/sans.html index f22b2c4..0421e10 100644 --- a/templates/layouts/sans.html +++ b/templates/layouts/sans.html @@ -12,7 +12,7 @@ - {{ template "navigation.html" }} + {{ template "navigation.html" . }}
{{ .Content }}
diff --git a/templates/partials/documentation.html b/templates/partials/documentation.html index f859c04..c78b676 100644 --- a/templates/partials/documentation.html +++ b/templates/partials/documentation.html @@ -21,7 +21,7 @@
--global-font-size
The Base font size
--global-line-height
-
The base line height. Modify this to achieve the best readability.
+
The baseline height. Modify this to achieve the best readability.
--font-stack
The fonts for the website.
Use @font-face or any other font provider to include your custom fonts.
@@ -36,7 +36,7 @@
--primary-color
The primary color is used for links and buttons.
--secondary-color
-
The secondary color is more subtle then the primary color. It's used for code highlighting and image captions.
+
The secondary color is more subtle than the primary color. It's used for code highlighting and image captions.
--error-color
Used for error alerts and form validation.
--progress-bar-background
@@ -45,6 +45,8 @@
The fill color, indicating the progress in progress bars.
--code-bg-color
The background color of <code> elements.
+
--block-background-color
+
The background color of <pre> elements. Also applies to <code> elements inside a <pre> element.
--input-style
The style of input element borders. Possible values are:
none, solid, dotted, dashed, double, groove, ridge, inset, outset, hidden, inherit, initial, unset
@@ -61,7 +63,7 @@

Terminal CSS uses a single font size for almost all elements. However, there is a way to use browser default font sizes if you wish.

Single font size
-
Use <body class="terminal">. If you leave that option, it will fallback to browser defaults. See here.
+
Use <body class="terminal">. If you leave that option, it will fall back to browser defaults. See here.
\ No newline at end of file diff --git a/templates/partials/forms.html b/templates/partials/forms.html index 9645b12..5fd889d 100644 --- a/templates/partials/forms.html +++ b/templates/partials/forms.html @@ -25,7 +25,7 @@
- +
diff --git a/templates/partials/head.html b/templates/partials/head.html index 89c4c6c..c4009a4 100644 --- a/templates/partials/head.html +++ b/templates/partials/head.html @@ -91,9 +91,7 @@ .image-grid { display: grid; grid-template-rows: auto; - display: grid; grid-gap: 1em; - grid-template-rows: auto; grid-template-columns: repeat( auto-fit, minmax(calc(var(--page-width) / 12), 1fr) diff --git a/templates/partials/nav.html b/templates/partials/nav.html index e260983..0c78f16 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -11,4 +11,5 @@
  • Item #3
    • +
    diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html index 1c58c64..9abe31c 100644 --- a/templates/partials/navigation.html +++ b/templates/partials/navigation.html @@ -14,3 +14,6 @@
    +
    +

    {{ .FrontMatter.Description }}

    +
    diff --git a/templates/partials/special-elements.html b/templates/partials/special-elements.html index ff3db9f..011d380 100644 --- a/templates/partials/special-elements.html +++ b/templates/partials/special-elements.html @@ -10,7 +10,7 @@ progress by weight.

    Misc