@intergrav/dev.css 3.5.0 → 3.5.1
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 +5 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -28,7 +28,11 @@ dev.css takes advantage of semantic HTML elements. Here are some guidelines on h
|
|
|
28
28
|
|
|
29
29
|
### Header
|
|
30
30
|
|
|
31
|
-
Use the `<header>` tag to create a large header for your page. Place it at the very top of your `<body>`. For the title, use an `<h1>` tag. You can also add an optional `<h4>` tag before the `<h1>` tag to provide extra information.
|
|
31
|
+
Use the `<header>` tag to create a large header for your page. Place it at the very top of your `<body>`. For the title, use an `<h1>` tag. You can also add an optional `<h4>` tag before the `<h1>` tag to provide extra information.
|
|
32
|
+
|
|
33
|
+
If you need a navigation bar, add a `<nav>` element with a `<ul>` that contains `<li>` items with `<a>` links. dev.css will automatically lay out the navigation items horizontally, with dividing bullet points between them. If you are using the `header-sidebar.css` addon, the navigation items will be laid out vertically when in sidebar mode.
|
|
34
|
+
|
|
35
|
+
Optionally, you can add a `<p>` tag after the `<h1>` tag to provide a description of the current page.
|
|
32
36
|
|
|
33
37
|
### Footer
|
|
34
38
|
|
|
@@ -99,8 +103,6 @@ This addon creates a small "scroll to top" button in the bottom right corner of
|
|
|
99
103
|
<script src="https://cdn.jsdelivr.net/npm/@intergrav/dev.css@3/addon/scroll-to-top.min.js" defer></script>
|
|
100
104
|
```
|
|
101
105
|
|
|
102
|
-
```
|
|
103
|
-
|
|
104
106
|
## Themes
|
|
105
107
|
|
|
106
108
|
dev.css supports custom colors and fonts through themes. You can find some pre-made themes in the `/theme` folder. To use a theme, simply apply it after the dev.css stylesheet. There are themes inspired by terminals, night and day themes, and a set of Catppuccin themes. For example, to apply the terminal theme, add the following line after the `dev.css` import:
|