tiny, simple, classless CSS framework inspired by new.css
devcss.devins.page
devins.page
framework
lightweight
css
classless
stylesheet
feat: update github links to tangled
+2
-2
README.md
+2
-2
README.md
···
1
1
# intergrav/dev.css
2
2
3
-
[](https://www.npmjs.com/package/@intergrav/dev.css) [](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [](https://discord.gg/m5tUgaM3uK) [](https://github.com/intergrav/dev.css)
3
+
[](https://www.npmjs.com/package/@intergrav/dev.css) [](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [](https://discord.gg/m5tUgaM3uK) [](https://tangled.org/devins.page/dev.css)
4
4
5
5
dev.css is a tiny, simple, classless CSS framework inspired by [new.css](https://newcss.net). It is designed to make any plain HTML file modern and responsive. The minified stylesheet weighs only **~5.5kb**. It also has some extra features, such as an optional sidebar and addons.
6
6
···
50
50
51
51
### Importing fonts
52
52
53
-
You can also load a font from [intergrav/fonts](https://github.com/intergrav/fonts#readme) (or anywhere else) if you'd like a consistent font. Geist and Inter fonts work with dev.css out of the box, other fonts will require a theme to be used. If these fonts are not available, the default system/browser sans-serif and monospace fonts will be used, such as Microsoft's Segoe UI or Apple's San Francisco.
53
+
You can also load a font from [intergrav/fonts](https://tangled.org/devins.page/fonts) (or anywhere else) if you'd like a consistent font. Geist and Inter fonts work with dev.css out of the box, other fonts will require a theme to be used. If these fonts are not available, the default system/browser sans-serif and monospace fonts will be used, such as Microsoft's Segoe UI or Apple's San Francisco.
54
54
55
55
## Elements and Structure
56
56
+1
-1
addon/header-oneline.css
+1
-1
addon/header-oneline.css
···
1
-
/* header-oneline for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
1
+
/* header-oneline for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
2
2
/* about: makes the header much more compact by sorting horizontally, good with header-sticky addon */
3
3
/* note: will hide most elements in header other than img, h1-6, nav, and button */
4
4
+1
-1
addon/header-sticky.css
+1
-1
addon/header-sticky.css
···
1
-
/* header-sticky for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
1
+
/* header-sticky for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
2
2
/* about: makes the header sticky (when vh>24rem/vw>16rem). useful if the user needs to access nav often */
3
3
/* note: large sticky headers are bad for usability. too large? try header-oneline addon */
4
4
+1
-1
addon/scroll-to-top.js
+1
-1
addon/scroll-to-top.js
···
1
-
/* scroll-to-top for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
1
+
/* scroll-to-top for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
2
2
/* about: shows a "scroll to top" button in the bottom right corner of the screen when scrolling */
3
3
4
4
const scrollToTopButton = document.createElement("button");
+1
-1
dev.css
+1
-1
dev.css
+2
-2
package.json
+2
-2
package.json
···
15
15
],
16
16
"homepage": "https://devcss.devins.page",
17
17
"bugs": {
18
-
"url": "https://github.com/intergrav/dev.css/issues"
18
+
"url": "https://tangled.org/devins.page/dev.css/issues"
19
19
},
20
20
"license": "MIT",
21
21
"author": "intergrav <intergrav@proton.me> (https://devins.page)",
···
26
26
"dev.css"
27
27
],
28
28
"main": "dev.css",
29
-
"repository": "github:intergrav/dev.css",
29
+
"repository": "https://tangled.org/devins.page/dev.css",
30
30
"prettier": {
31
31
"useTabs": true
32
32
},
+1
-1
theme/catppuccin-frappe.user.css
+1
-1
theme/catppuccin-frappe.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11
+1
-1
theme/catppuccin-macchiato.user.css
+1
-1
theme/catppuccin-macchiato.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11
+1
-1
theme/catppuccin-mocha.user.css
+1
-1
theme/catppuccin-mocha.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11
+1
-1
theme/day.user.css
+1
-1
theme/day.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11
+1
-1
theme/night.user.css
+1
-1
theme/night.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11
+1
-1
theme/terminal.user.css
+1
-1
theme/terminal.user.css
···
5
5
@version 1.0.0
6
6
@author intergrav <intergrav@proton.me> (https://devins.page)
7
7
@homepageURL https://devcss.devins.page
8
-
@supportURL https://github.com/intergrav/dev.css/issues
8
+
@supportURL https://tangled.org/devins.page/dev.css/issues
9
9
@license MIT
10
10
==/userstyle== */
11
11