aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/www/docs/10-main.md
blob: 5f6807f34ff462c16fbddb58e2739105045a6a92 (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
35
36
37
38
39
---
backTo: ~
url: ./
title: Intro
templateEngine: [vto, 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:

{{ set version = search.pages("release!=undefined")
    |> map(rel => rel.data.release)
    |> sortSemVer
    |> at(-1) }}

<figure>

  ~~~ html
  <link rel="stylesheet" href="https://unpkg.com/missing.css@{{ version }}">
  <!-- Prism theme (https://prismjs.com/): -->
  <link rel="stylesheet" href="https://unpkg.com/missing.css@{{ version }}/prism">
  ~~~

</figure>

You can also install it into an npm project with `npm i -s missing.css`.

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.