Style Cheatsheet
Basic¶
- This was marked (highlight)
- This was inserted (underline) with caret
- This was also underlined, using < ins >
This was deleted (strikethrough)- Examples of super/subscripting
- H2O using tilde
- ATA using caret
Example of Indent using & nbsp;
- Copyright (©) — ©
- Registered trademark (®) — ®
- Trademark (™) — ™
- Euro (€) — €
- Left arrow (←) — ←
- Up arrow (↑) — ↑
- Right arrow (→) — →
- Down arrow (↓) — ↓
- Degree (°) — °
- Pi (π) — π
Notes¶
note
-
Note
This is a quote.
abstract
-
Abstract
This is a quote.
-
Info
This is a quote.
-
Tip
This is a quote.
-
Success
This is a quote.
-
Question
This is a quote.
-
Warning
This is a quote.
-
Failure
This is a quote.
-
Danger
This is a quote.
-
Bug
This is a quote.
-
Example
This is a quote.
-
Quote
This is a quote.
Mermaid¶
graph LR
A[Start] --> B{Error?};
B -->|Yes| C[Hmm...];
C --> D[Debug];
D --> B;
B ---->|No| E[Yay!];
Grids (Not working)¶
-
:material-clock-fast Set up in 5 minutes
Install
mkdocs-material
withpip
and get up and running in minutes :octicons-arrow-right-24 -
:fontawesome-brands-markdown:{ .lg .middle } It's just Markdown
Focus on your content and generate a responsive and searchable static site
-
:material-format-font:{ .lg .middle } Made to measure
Change the colors, fonts, language, icons, logo and more with a few lines
-
:material-scale-balance:{ .lg .middle } Open Source, MIT
Material for MkDocs is licensed under MIT and available on GitHub
Creating Definitions¶
Example
-
This is a definition of the example.
Colored Text¶
Coded Text¶
Hi
Coded/Styled Text¶
Nested Notes¶
Open styled details
Closed nested details!
And more content again.
Success
And more content again.