2022-11-12 13:05:05 +01:00
|
|
|
# Ghost 👻
|
|
|
|
|
|
|
|
|
|
An abstract baseline css framework
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## What is it?
|
|
|
|
|
|
|
|
|
|
Ghost is not a framework, it'S merely a set of css variables which provide a nice foundation for small css projects and constistent styling.
|
|
|
|
|
|
2022-11-12 14:29:32 +01:00
|
|
|
The premise of ghost is that it should **not be visible** in your project.
|
|
|
|
|
|
2022-11-12 13:05:05 +01:00
|
|
|
## What does it include?
|
|
|
|
|
|
|
|
|
|
Ghost includes the following components:
|
|
|
|
|
|
|
|
|
|
- Colors
|
|
|
|
|
- Spacing
|
|
|
|
|
- Flexbox
|
|
|
|
|
- Font size
|
|
|
|
|
|
2022-11-12 14:29:32 +01:00
|
|
|
## Font size
|
|
|
|
|
|
|
|
|
|
### Configuration
|
|
|
|
|
|
|
|
|
|
The following values can be used to configure the font size:
|
|
|
|
|
|
|
|
|
|
```css
|
|
|
|
|
:root {
|
|
|
|
|
--text-scale: 1.2;
|
|
|
|
|
}
|
|
|
|
|
```
|
|
|
|
|
|
2022-11-12 13:05:05 +01:00
|
|
|
## Colors
|
|
|
|
|
|
|
|
|
|
The included colors are taken from the great [Tailwind.css](https://tailwindcss.com).
|
|
|
|
|
|
|
|
|
|
|
