blackbeard420/terminal.css
1
0
Fork 0
mirror of https://github.com/Gioni06/terminal.css synced 2025-03-09 17:19: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; --error-color: #d20962;
--progress-bar-background: #727578; --progress-bar-background: #727578;
--progress-bar-fill: #151515; --progress-bar-fill: #151515;
--code-bg-color: var(--background-color); --code-bg-color: #e8eff2;
--input-style: solid; --input-style: solid;
--display-h1-decoration: none; --display-h1-decoration: none;
--block-background-color: var(--background-color);
} }
* { * {
@ -177,7 +178,7 @@ pre {
word-break: break-all; word-break: break-all;
word-wrap: break-word; word-wrap: break-word;
color: var(--secondary-color); color: var(--secondary-color);
background-color: var(--background-color); background-color: var(--block-background-color);
border: 1px solid var(--secondary-color); border: 1px solid var(--secondary-color);
padding: var(--global-space); padding: var(--global-space);
white-space: pre-wrap; white-space: pre-wrap;
@ -192,10 +193,10 @@ pre code {
display: inline-block; display: inline-block;
min-width: 100%; min-width: 100%;
font-family: var(--mono-font-stack); font-family: var(--mono-font-stack);
background-color: var(--block-background-color);
} }
.terminal blockquote, .terminal blockquote,
.terminal code,
.terminal h1, .terminal h1,
.terminal h2, .terminal h2,
.terminal h3, .terminal h3,
@ -210,6 +211,12 @@ pre code {
color: var(--font-color); color: var(--font-color);
} }
.terminal code {
font-size: var(--global-font-size);
font-style: normal;
color: var(--font-color);
}
.terminal-prompt { .terminal-prompt {
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
@ -908,7 +915,7 @@ figure > figcaption {
display: block; display: block;
overflow-x: auto; overflow-x: auto;
padding: 0.5em; padding: 0.5em;
background: var(--code-bg-color); background: var(--block-background-color);
color: var(--font-color); color: var(--font-color);
} }

2
pages/dark.md
View File

@ -1,6 +1,6 @@
--- ---
title: Terminal CSS - Dark 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 layout: dark
--- ---

2
pages/index.md
View File

@ -1,6 +1,6 @@
--- ---
title: Terminal CSS 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 layout: default
--- ---

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

@ -1,6 +1,6 @@
--- ---
title: Terminal CSS 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 layout: sans-dark
--- ---

2
pages/sans-serif.md
View File

@ -1,6 +1,6 @@
--- ---
title: Terminal CSS 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 layout: sans
--- ---

2
templates/layouts/dark.html
View File

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

2
templates/layouts/default.html
View File

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

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

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

2
templates/layouts/sans.html
View File

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

8
templates/partials/documentation.html
View File

@ -21,7 +21,7 @@
<dt>--global-font-size</dt> <dt>--global-font-size</dt>
<dd>The Base font size</dd> <dd>The Base font size</dd>
<dt>--global-line-height</dt> <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> <dt>--font-stack</dt>
<dd>The fonts for the website.</dd> <dd>The fonts for the website.</dd>
<dd>Use <code>@font-face</code> or any other font provider to include your custom fonts.</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> <dt>--primary-color</dt>
<dd>The primary color is used for links and buttons.</dd> <dd>The primary color is used for links and buttons.</dd>
<dt>--secondary-color</dt> <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> <dt>--error-color</dt>
<dd>Used for error alerts and form validation.</dd> <dd>Used for error alerts and form validation.</dd>
<dt>--progress-bar-background</dt> <dt>--progress-bar-background</dt>
@ -45,6 +45,8 @@
<dd>The fill color, indicating the progress in progress bars.</dd> <dd>The fill color, indicating the progress in progress bars.</dd>
<dt>--code-bg-color</dt> <dt>--code-bg-color</dt>
<dd>The background color of <code>&lt;code&gt;</code> elements.</dd> <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> <dt>--input-style</dt>
<dd>The style of input element borders. Possible values are:</dd> <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> <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> <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"> <dl class="custom-dl">
<dt>Single font size</dt> <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> </dl>
</section> </section>
</section> </section>

2
templates/partials/forms.html
View File

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

2
templates/partials/head.html
View File

@ -91,9 +91,7 @@
.image-grid { .image-grid {
display: grid; display: grid;
grid-template-rows: auto; grid-template-rows: auto;
display: grid;
grid-gap: 1em; grid-gap: 1em;
grid-template-rows: auto;
grid-template-columns: repeat( grid-template-columns: repeat(
auto-fit, auto-fit,
minmax(calc(var(--page-width) / 12), 1fr) 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> <li><a class="menu-item" href="#">Item #3</a></li>
</ul> </ul>
</nav> </nav>
</div>
</section> </section>

3
templates/partials/navigation.html
View File

@ -14,3 +14,6 @@
</nav> </nav>
</div> </div>
</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. progress by weight.
</p> </p>
<footer> <footer>
<cite><a href="http://www.thegatesnotes.com">Bill Gates</a></cite> <cite><a href="https://www.gatesnotes.com/">Bill Gates</a></cite>
</footer> </footer>
</blockquote> </blockquote>
<h3 id="Misc">Misc</h3> <h3 id="Misc">Misc</h3>