Style guide
Colors
badges
NEW
UPDATED
Bold, italic and scratched
This text is bold.
This text is italic.
This text is scratched.
Headings
Header text h1
Header text h2
Header text h3
Header text h4
Header text h5
Header text h6
Paragraph
By default Markdown adds paragraphs at double line breaks. Single line breaks by themselves are simply wrapped together into a single line. If you want to have soft returns that break a single line, add two spaces at the end of the line.
This line has a paragraph break at the end (empty line after).
Theses two lines should display as a single line because there’s no double space at the end.
The following line has a soft break at the end (two spaces at end) This line should be following on the very next line. This line has a paragraph break at the end (empty line after).
Links
Block Quotes
Headers break on their own
Note that headers don’t need line continuation characters as they are block elements and automatically break. Only text lines require the double spaces for single line breaks.
Unordered Lists
- Item 1
- Item 2
- Item 3
Ordered Lists
- Item 1
Item 1 is really something - Item 2
Item two is really something else
Inline Code
Structured statements like for x =1 to 10 loop structures can be codified using single back ticks.
Code Blocks
:host {
// comment
@include tokens($custom-splitter-theme);
}Alerts
This is some Note Text
that spreads across two lines
Singe line NOTE.
Don’t forget to screw on your hat!
Table
| test | test | test | test | test |
|---|---|---|---|---|
| val | Using the Table menu set the desired size of the table. | val | val | val |
| val | Using the Table menu set the desired size of the table. | val | val | val |
| val | Using the Table menu set the desired size of the table. | val | val | val |
Page pagination
Details
summary text
To achieve this look you need to wrap your details inside a div with a class .fancy-details
summary text
To achieve this look you need to wrap your details inside a div with a class .fancy-details