Components¶
The theme styles each element on this page. After a change to the theme or to Zensical, look at this page in both color schemes.
The theme also styles these ISCC components. Do not style them again in the stylesheets of a site.
| Class | Use |
|---|---|
.iscc-lead |
The first paragraph of a page, in a larger size. Add { .iscc-lead } on the line after it |
.iscc-btn, .iscc-btn--primary |
Call-to-action buttons on links, with space between them in a row: [Start](start.md){ .iscc-btn .iscc-btn--primary } |
.iscc-cards, .iscc-card |
Audience cards, three in a row on wide screens. Each card has an h3, text and a last paragraph with one link |
.iscc-unit--meta, --semantic, --content, --data, --instance |
ISCC-UNIT labels in the colors of their units |
Cards need the md_in_html extension and blank lines around each block:
<div class="iscc-cards" markdown>
<div class="iscc-card" markdown>
### Developers
Generate ISCC codes from your own code.
[Get started →](start.md)
</div>
</div>
Lead paragraph¶
The first paragraph of a page, in a larger size. Add { .iscc-lead } on the line after the paragraph.
Calls to action¶
Cards¶
Text¶
Body copy with strong, emphasis, inline code, a link and an abbreviation: ISCC.
A block quote with a single sentence.
- Content-Code
- A definition list entry, here for an ISCC-UNIT.
Footnotes render at the end of the page.1
ISCC-UNIT labels¶
, Semantic-Code, Content-Code, Data-Code and Instance-Code.
Admonitions¶
Note
Note and info are Sky Blue.
Tip
Tip and success are Lime.
Warning
Warning is Yellow.
Danger
Danger is Coral.
Collapsible
Details collapse with ???.
Code¶
Tables¶
| Unit | Header | Bits |
|---|---|---|
| Meta | 0000... |
64 |
| Content | 0010... |
64 |
| Instance | 0100... |
64 |
Buttons¶
-
The footnote text. ↩