@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 CHANGED
@@ -1,6 +1,6 @@
1
- # intergrav/dev.css
1
+ # dev.css
2
2
 
3
- [![NPM Version](https://img.shields.io/npm/v/@intergrav/dev.css)](https://www.npmjs.com/package/@intergrav/dev.css) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/@intergrav/dev.css)](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [![Discord](https://img.shields.io/discord/1262738186338308126?logo=discord&logoColor=%23fff&color=%235865F2)](https://discord.gg/m5tUgaM3uK) [![GitHub Repo stars](https://img.shields.io/github/stars/intergrav/dev.css)](https://github.com/intergrav/dev.css)
3
+ [![NPM Version](https://img.shields.io/npm/v/@intergrav/dev.css)](https://www.npmjs.com/package/@intergrav/dev.css) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/@intergrav/dev.css)](https://cdn.jsdelivr.net/npm/@intergrav/dev.css/) [![Discord](https://img.shields.io/discord/1262738186338308126?logo=discord&logoColor=%23fff&color=%235865F2)](https://discord.gg/m5tUgaM3uK) [![GitHub Repo stars](https://img.shields.io/github/stars/intergrav/dev.css)](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=".github/static/preview-desktop-light.png" alt="dev.css desktop demo, light mode">
12
- <img src=".github/static/preview-desktop-dark.png" alt="dev.css desktop demo, dark mode">
13
- <img height="748px" src=".github/static/preview-mobile-light.png" alt="dev.css mobile demo, light mode">
14
- <img height="748px" src=".github/static/preview-mobile-dark.png" alt="dev.css mobile demo, dark mode">
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://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.
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
 
@@ -1,4 +1,4 @@
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,4 +1,4 @@
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,4 +1,4 @@
1
- /* responsive-sidebar for dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
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)");
@@ -1,4 +1,4 @@
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");
package/dev.css CHANGED
@@ -1,4 +1,4 @@
1
- /* dev.css v4, a lightweight CSS framework - https://github.com/intergrav/dev.css */
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.3",
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://github.com/intergrav/dev.css/issues"
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": "github:intergrav/dev.css",
29
+ "repository": "https://tangled.org/devins.page/dev.css",
30
30
  "prettier": {
31
31
  "useTabs": true
32
32
  },
33
33
  "devDependencies": {
34
- "prettier": "^3.7.4"
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://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
 
@@ -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://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
 
@@ -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://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
 
@@ -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://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
 
@@ -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://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
 
@@ -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://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