2019-01-28 03:37:25 +01:00
|
|
|
---
|
|
|
|
|
title: Terminal CSS
|
|
|
|
|
layout: sans
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## Project Goals
|
|
|
|
|
|
2019-01-28 03:52:12 +01:00
|
|
|
Terminal CSS has no overhead and is lightweight **(~ 3k gzip)**.
|
2019-01-28 03:37:25 +01:00
|
|
|
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'
|
|
|
|
|
```
|
|
|
|
|
|
2019-10-07 09:33:35 +02:00
|
|
|
Terminal CSS is also available via [CDN](https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css)
|
2019-01-28 03:37:25 +01:00
|
|
|
|
|
|
|
|
```html
|
2019-10-07 09:33:35 +02:00
|
|
|
<link rel="stylesheet" href="https://unpkg.com/terminal.css@0.7.1/dist/terminal.min.css" />
|
2019-01-28 03:37:25 +01:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## Themes
|
|
|
|
|
|
|
|
|
|
To create your own theme just open the dev-tools and edit the CSS Variables. Copy and paste it to your website. Done!
|
