@intergrav/dev.css 4.3.3 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -7
- package/addon/header-oneline.css +1 -1
- package/addon/header-sticky.css +1 -1
- package/addon/responsive-sidebar.js +1 -1
- package/addon/scroll-to-top.js +1 -1
- package/dev.css +1 -1
- package/package.json +5 -5
- package/theme/catppuccin-frappe.user.css +1 -1
- package/theme/catppuccin-macchiato.user.css +1 -1
- package/theme/catppuccin-mocha.user.css +1 -1
- package/theme/day.user.css +1 -1
- package/theme/night.user.css +1 -1
- package/theme/terminal.user.css +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
#
|
|
1
|
+
# 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://
|
|
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
|
|
|
@@ -8,10 +8,10 @@ You can find the website at <a href="https://devcss.devins.page">devcss.devins.p
|
|
|
8
8
|
|
|
9
9
|
<details>
|
|
10
10
|
<summary>Click to view preview</summary>
|
|
11
|
-
<img src=".
|
|
12
|
-
<img src=".
|
|
13
|
-
<img height="748px" src=".
|
|
14
|
-
<img height="748px" src=".
|
|
11
|
+
<img src=".tangled/static/preview-desktop-light.png" alt="dev.css desktop demo, light mode">
|
|
12
|
+
<img src=".tangled/static/preview-desktop-dark.png" alt="dev.css desktop demo, dark mode">
|
|
13
|
+
<img height="748px" src=".tangled/static/preview-mobile-light.png" alt="dev.css mobile demo, light mode">
|
|
14
|
+
<img height="748px" src=".tangled/static/preview-mobile-dark.png" alt="dev.css mobile demo, dark mode">
|
|
15
15
|
</details>
|
|
16
16
|
|
|
17
17
|
## Who is this for?
|
|
@@ -25,6 +25,18 @@ dev.css is a great choice for:
|
|
|
25
25
|
|
|
26
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
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
|
+
|
|
28
40
|
## Installing
|
|
29
41
|
|
|
30
42
|
### HTML import
|
|
@@ -50,7 +62,7 @@ pnpm add @intergrav/dev.css
|
|
|
50
62
|
|
|
51
63
|
### Importing fonts
|
|
52
64
|
|
|
53
|
-
You can also load a font from [intergrav/fonts](https://
|
|
65
|
+
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
66
|
|
|
55
67
|
## Elements and Structure
|
|
56
68
|
|
package/addon/header-oneline.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* header-oneline for dev.css v4, a lightweight CSS framework - https://
|
|
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
|
|
package/addon/header-sticky.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* header-sticky for dev.css v4, a lightweight CSS framework - https://
|
|
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,4 +1,4 @@
|
|
|
1
|
-
/* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://
|
|
1
|
+
/* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
|
|
2
2
|
/* about: auto open/close `aside details` at 82rem breakpoint. prevents sidebar from looking awkward on wide screens, improves usability on small screens */
|
|
3
3
|
|
|
4
4
|
const mediaQuery = matchMedia("(min-width: 82rem)");
|
package/addon/scroll-to-top.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* scroll-to-top for dev.css v4, a lightweight CSS framework - https://
|
|
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");
|
package/dev.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* dev.css v4, a lightweight CSS framework - https://
|
|
1
|
+
/* dev.css v4, a lightweight CSS framework - https://tangled.org/devins.page/dev.css */
|
|
2
2
|
/* about: tiny, simple, classless CSS framework inspired by new.css */
|
|
3
3
|
|
|
4
4
|
/* table of contents
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@intergrav/dev.css",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.4.0",
|
|
4
|
+
"author": "intergrav <devin@devins.page> (https://devins.page)",
|
|
4
5
|
"description": "Tiny, simple, classless CSS framework inspired by new.css.",
|
|
5
6
|
"keywords": [
|
|
6
7
|
"css",
|
|
@@ -15,10 +16,9 @@
|
|
|
15
16
|
],
|
|
16
17
|
"homepage": "https://devcss.devins.page",
|
|
17
18
|
"bugs": {
|
|
18
|
-
"url": "https://
|
|
19
|
+
"url": "https://tangled.org/devins.page/dev.css/issues"
|
|
19
20
|
},
|
|
20
21
|
"license": "MIT",
|
|
21
|
-
"author": "intergrav <intergrav@proton.me> (https://devins.page)",
|
|
22
22
|
"files": [
|
|
23
23
|
"theme",
|
|
24
24
|
"addon",
|
|
@@ -26,11 +26,11 @@
|
|
|
26
26
|
"dev.css"
|
|
27
27
|
],
|
|
28
28
|
"main": "dev.css",
|
|
29
|
-
"repository": "
|
|
29
|
+
"repository": "https://tangled.org/devins.page/dev.css",
|
|
30
30
|
"prettier": {
|
|
31
31
|
"useTabs": true
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"prettier": "^3.
|
|
34
|
+
"prettier": "^3.8.1"
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|
package/theme/day.user.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|
package/theme/night.user.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|
package/theme/terminal.user.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
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://
|
|
8
|
+
@supportURL https://tangled.org/devins.page/dev.css/issues
|
|
9
9
|
@license MIT
|
|
10
10
|
==/userstyle== */
|
|
11
11
|
|