Fix fence style and main content

This commit is contained in:
James Mills 2023-03-27 01:15:04 +10:00
parent aea97a21e6
commit e8a3293bf5
No known key found for this signature in database
GPG Key ID: AC4C014F1440EBD6
2 changed files with 24 additions and 3 deletions

View File

@ -1,3 +1,5 @@
/* Anchors */
h1:hover .anchor:before,
h2:hover .anchor:before,
h3:hover .anchor:before,
@ -11,4 +13,20 @@ h6:hover .anchor:before {
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>");
}
/* Fences */
.blue {
background-color: steelblue;
padding: 5px;
}
#insideme {
color: yellow;
}
.red {
background-color: red;
}

View File

@ -5,9 +5,9 @@ This is a [zs](https://git.mills.io/prologic/zs) starter template. A live versio
## Features
- A basic index page with the content you see here
- A basic layout using [SimpleCSS](https://simplecss.org/) for style
- Uses [live.js](https://livejs.com/) to automatically reload pages when they change
- Examples of several extensions built-in to `zs`
- A basic layout using a modified version of [bahunya][bahunya] for style
- [live.js](live.js) for faster development
- Examples of several built-in extensions
## Quick Start
@ -27,6 +27,8 @@ Aside from the regular Markdown [[TestPage]] that demonstrates the full capabili
With the [anchors][anchors] extension so you can link to any section(s) on the page like [Quick Start](#quick-start).
> 💡 **Tip:** Try hovering over any of the headings on this page!
### D2 Diagrams
With the [d2][d2] extension you can draw and diagrams such as:
@ -83,3 +85,4 @@ With the [wikilinks][wikilinks] extension you can link to other pages more easil
[highlighting]: https://github.com/yuin/goldmark-highlighting
[wikilink]: https://github.com/abhinav/goldmark-wikilink
[zs]: https://git.mills.io/prologic/zs
[bahunya]: https://github.com/Kimeiga/bahunya