aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/10-main.md
blob: 6ec278cc2131447c946810f47597b4d8bab6e0a5 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
---
backTo: ~
url: ./
title: Intro
templateEngine: [eta,md]
---

# Welcome to missing.css!

Missing.css is a simple CSS library that can be used in many ways — you could:

 - Simply drop it into a page and call it a day.
 - Enhance your design with components and utility classes.
 - Create your own look by customizing CSS variables.
 - Write your own CSS on top of it.

Install it on your website if you haven't already:

<% const version = search.pages("release").at(-1).data.release; %>

<figure>

  ~~~ html
  <link rel="stylesheet" href="https://the.missing.style/<%= version %>/missing.min.css">
  <!-- Prism theme (https://prismjs.com/): -->
  <link rel="stylesheet" href="https://the.missing.style/<%= version %>/missing-prism.min.css">
  ~~~

</figure>

This will make your page look a bit like the one you are reading right now,
without applying any classes.

Then, see how you can go beyond classless CSS with its features.