blackbeard420/terminal.css
1
0
Fork 0
mirror of https://github.com/Gioni06/terminal.css synced 2025-03-09 09:09:04 -04:00
Code Issues Projects Releases Wiki Activity

Do some housekeeping in preparation for next release

Browse Source
This commit is contained in:
Jonas Duri 2023-11-25 09:28:26 +01:00
parent aa003f2339
commit de5b368df3
15 changed files with 30 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
lib/terminal.css
View File

@ -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);
}

2
pages/dark.md
View File

@ -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
---

2
pages/index.md
View File

@ -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
---

2
pages/sans-serif-dark.md
View File

@ -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
---

2
pages/sans-serif.md
View File

@ -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
---

2
templates/layouts/dark.html
View File

@ -30,7 +30,7 @@
</style>
</head>
<body class="terminal">
{{ template "navigation.html" }}
{{ template "navigation.html" . }}
<div class="container">
{{ .Content }}
<div class="components components-grid">

2
templates/layouts/default.html
View File

@ -4,7 +4,7 @@
{{ template "head.html" . }}
</head>
<body class="terminal">
{{ template "navigation.html" }}
{{ template "navigation.html" . }}
<div class="container">
{{ .Content }}
<div class="components components-grid">

2
templates/layouts/sans-dark.html
View File

@ -25,7 +25,7 @@
</style>
</head>
<body class="terminal">
{{ template "navigation.html" }}
{{ template "navigation.html" . }}
<div class="container">
{{ .Content }}
<div class="components components-grid">

2
templates/layouts/sans.html
View File

@ -12,7 +12,7 @@
</style>
</head>
<body class="terminal">
{{ template "navigation.html" }}
{{ template "navigation.html" . }}
<div class="container">
{{ .Content }}
<div class="components components-grid">

8
templates/partials/documentation.html
View File

@ -21,7 +21,7 @@
<dt>--global-font-size</dt>
<dd>The Base font size</dd>
<dt>--global-line-height</dt>
<dd>The base line height. Modify this to achieve the best readability.</dd>
<dd>The baseline height. Modify this to achieve the best readability.</dd>
<dt>--font-stack</dt>
<dd>The fonts for the website.</dd>
<dd>Use <code>@font-face</code> or any other font provider to include your custom fonts.</dd>
@ -36,7 +36,7 @@
<dt>--primary-color</dt>
<dd>The primary color is used for links and buttons.</dd>
<dt>--secondary-color</dt>
<dd>The secondary color is more subtle then the primary color. It's used for code highlighting and image captions.</dd>
<dd>The secondary color is more subtle than the primary color. It's used for code highlighting and image captions.</dd>
<dt>--error-color</dt>
<dd>Used for error alerts and form validation.</dd>
<dt>--progress-bar-background</dt>
@ -45,6 +45,8 @@
<dd>The fill color, indicating the progress in progress bars.</dd>
<dt>--code-bg-color</dt>
<dd>The background color of <code>&lt;code&gt;</code> elements.</dd>
<dt>--block-background-color</dt>
<dd>The background color of <code>&lt;pre&gt;</code> elements. Also applies to <code>&lt;code&gt;</code> elements inside a <code>&lt;pre&gt;</code> element.</dd>
<dt>--input-style</dt>
<dd>The style of input element borders. Possible values are:</dd>
<dd class="italic">none, solid, dotted, dashed, double, groove, ridge, inset, outset, hidden, inherit, initial, unset</dd>
@ -61,7 +63,7 @@
<p>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.</p>
<dl class="custom-dl">
<dt>Single font size</dt>
<dd>Use <code>&lt;body class=&quot;terminal&quot;&gt;</code>. If you leave that option, it will fallback to browser defaults. See <a href="/sans-serif/">here</a>.</dd>
<dd>Use <code>&lt;body class=&quot;terminal&quot;&gt;</code>. If you leave that option, it will fall back to browser defaults. See <a href="/sans-serif/">here</a>.</dd>
</dl>
</section>
</section>

2
templates/partials/forms.html
View File

@ -25,7 +25,7 @@
</div>
<div class="form-group">
<label for="check">Checkbox input:</label>
<input for="check" type="checkbox" id="check" />
<input type="checkbox" id="check" />
</div>
<div class="form-group">
<label for="select">Select field:</label>

2
templates/partials/head.html
View File

@ -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)

1
templates/partials/nav.html
View File

@ -11,4 +11,5 @@
<li><a class="menu-item" href="#">Item #3</a></li>
</ul>
</nav>
</div>
</section>

3
templates/partials/navigation.html
View File

@ -14,3 +14,6 @@
</nav>
</div>
</div>
<div class="container">
<p>{{ .FrontMatter.Description }}</p>
</div>

2
templates/partials/special-elements.html
View File

@ -10,7 +10,7 @@
progress by weight.
</p>
<footer>
<cite><a href="http://www.thegatesnotes.com">Bill Gates</a></cite>
<cite><a href="https://www.gatesnotes.com/">Bill Gates</a></cite>
</footer>
</blockquote>
<h3 id="Misc">Misc</h3>