2019-01-31 08:15:44 +01:00
|
|
|
---
|
|
|
|
|
title: Terminal CSS
|
2023-08-20 23:43:33 +02:00
|
|
|
description: Terminal CSS is a modern, simple, and accessible CSS framework.
|
2019-01-31 08:15:44 +01:00
|
|
|
layout: sans-dark
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## Project Goals
|
|
|
|
|
|
|
|
|
|
Terminal CSS has no overhead and is lightweight **(~ 3k gzip)**.
|
|
|
|
|
The source is written in **pure css** to be accessible for everybody and easy to contribute.
|
|
|
|
|
|
|
|
|
|
## Markdown ❤️ Terminal CSS
|
|
|
|
|
|
|
|
|
|
It's perfect for your *personal website*, *blog*, or *side project*.
|
|
|
|
|
|
|
|
|
|
## How to use
|
|
|
|
|
|
|
|
|
|
When using something like Webpack just install with `npm i terminal.css`.
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
import 'terminal.css'
|
|
|
|
|
```
|
|
|
|
|
|
2020-12-17 19:56:24 +01:00
|
|
|
Terminal CSS is also available via [CDN](https://unpkg.com/terminal.css@0.7.2/dist/terminal.min.css)
|
2019-01-31 08:15:44 +01:00
|
|
|
|
|
|
|
|
```html
|
2020-12-17 19:56:24 +01:00
|
|
|
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.2/dist/terminal.min.css" />
|
2019-01-31 08:15:44 +01:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Themes
|
|
|
|
|
|
2019-10-26 14:18:09 +02:00
|
|
|
To create your own theme just open the dev-tools and edit the CSS Variables. Copy and paste it to your website. Done!
|
|
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
2020-12-17 20:06:20 +01:00
|
|
|
## Contributors
|
2019-10-26 14:18:09 +02:00
|
|
|
|
2019-10-26 14:23:09 +02:00
|
|
|
- [Ben](https://othyn.com/)
|
|
|
|
|
- [Matias Korhonen](https://matiaskorhonen.fi/)
|
2020-12-17 20:06:20 +01:00
|
|
|
- [Meghan](https://github.com/nektro)
|
|
|
|
|
- [Lingfeng Zhang](https://ccat3z.xyz)
|
2019-10-26 14:18:09 +02:00
|
|
|
|
|
|
|
|
<br>
|
|
|
|
|
|
|
|
|
|
With ❤️ by [Jonas D.](https://jduri.com)
|
