tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
Compare changes
Choose any two refs to compare.
+12
README.md
+12
README.md
···
25
26
dev.css was not meant for very complex websites. Although, if you need something more complex, you could build from/modify this stylesheet for your website. An example of a site that uses dev.css is [SkywardMC's wiki](https://skywardmc.org).
27
28
+
If you're using dev.css on your site, feel free to use this "powered by dev.css" badge if you want to promote the project:
29
+
30
+
```html
31
+
<a href="https://devcss.devins.page"
32
+
><img
33
+
src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/badge.svg"
34
+
alt="powered by dev.css"
35
+
/></a>
36
+
```
37
+
38
+
<a href="https://devcss.devins.page"><img src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4/badge.svg" alt="powered by dev.css" /></a>
39
+
40
## Installing
41
42
### HTML import
+31
-4
index.html
+31
-4
index.html
···
17
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
18
<meta name="language" content="English" />
19
<meta name="author" content="intergrav" />
20
-
<link
21
-
rel="stylesheet"
22
-
href="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@4"
23
-
/>
24
</head>
25
26
<body>
···
41
</ul>
42
</nav>
43
</header>
44
45
<main>
46
<section>
···
17
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
18
<meta name="language" content="English" />
19
<meta name="author" content="intergrav" />
20
+
<link rel="stylesheet" href="dev.css" />
21
+
<script src="addon/responsive-sidebar.js"></script>
22
</head>
23
24
<body>
···
39
</ul>
40
</nav>
41
</header>
42
+
43
+
<aside>
44
+
<details>
45
+
<summary>Sidebar</summary>
46
+
<p>
47
+
Optional sidebar that you can use for pretty much anything. See the
48
+
README on GitHub for more information.
49
+
</p>
50
+
<ul>
51
+
<li><a href="https://example.org">Page 1</a></li>
52
+
<li><a href="https://example.org">Page 2</a></li>
53
+
<li><a href="https://example.org">Page 3</a></li>
54
+
<li>
55
+
<a href="https://example.org">Page 4</a>
56
+
<ul>
57
+
<li><a href="https://example.org">Page 4.1</a></li>
58
+
</ul>
59
+
</li>
60
+
<li>
61
+
<a href="https://example.org">Page 5</a>
62
+
<ul>
63
+
<li><a href="https://example.org">Page 5.1</a></li>
64
+
<li><a href="https://example.org">Page 5.2</a></li>
65
+
</ul>
66
+
</li>
67
+
<li><a href="https://example.org">Page 6</a></li>
68
+
</ul>
69
+
</details>
70
+
</aside>
71
72
<main>
73
<section>