@intergrav/dev.css 4.0.2 → 4.0.3

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
@@ -25,7 +25,9 @@ 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
- ## Importing
28
+ ## Installing
29
+
30
+ ### HTML import
29
31
 
30
32
  To use dev.css in your HTML, simply add the following line to the `<head>` section of your HTML file:
31
33
 
@@ -36,6 +38,18 @@ To use dev.css in your HTML, simply add the following line to the `<head>` secti
36
38
  />
37
39
  ```
38
40
 
41
+ ### `npm`, `pnpm`, etc
42
+
43
+ Another way to install dev.css is to add the npm package to your project through your preferred package manager. This command adds the latest version to your project.
44
+
45
+ ```sh
46
+ npm add @intergrav/dev.css
47
+ # or
48
+ pnpm add @intergrav/dev.css
49
+ ```
50
+
51
+ ### Importing fonts
52
+
39
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.
40
54
 
41
55
  ## Elements and Structure
@@ -6,6 +6,7 @@
6
6
  header {
7
7
  position: sticky;
8
8
  top: 0;
9
+ z-index: 1000;
9
10
  background-color: var(--dc-bg-2);
10
11
  }
11
12
  @supports (backdrop-filter: blur(24px)) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intergrav/dev.css",
3
- "version": "4.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "Tiny, simple, classless CSS framework in the style of Vercel's Geist design system",
5
5
  "keywords": [
6
6
  "css",