Atlas Design

Markdown

The markdown element provides bare element styling to lists, paragraphs and inline code. This element is most often used to render the content section of a page.

Inner elements will be styled.

HTML 
<div class="markdown">
    <p>Inner elements will be styled.</p>
</div>

Headings

Heading (level 1)

Headings (level 2)

Headings (level 3)

Headings (level 4)

Headings (level 5)
Headings (level 6)
Markdown 
# Heading (level 1)

## Headings (level 2)

### Headings (level 3)

#### Headings (level 4)

##### Headings (level 5)

###### Headings (level 6)

Unordered list

  • First list item
  • Second list item
    • First level of nested list
      • Second level of nested list
      • Second item
    • Second level again
  • Last one
Markdown 
- First list item
- Second list item
  - First level of nested list
    - Second level of nested list
    - Second item
  - Second level again
- Last one

Ordered list

  1. First list item
  2. Second list item
    1. First level of nested list
      1. Second level of nested list
    2. Second item
    3. Second level again
  3. Last one
Markdown 
1. First list item
2. Second list item
   1. First level of nested list
      1. Second level of nested list
   1. Second item
   1. Second level again
3. Last one

Mixed list

  1. First list item
  2. Second list item
    • First level of nested list
      1. Second level of nested list
      2. Second item
        • And another one.
    • Second level again
  3. Last one
Markdown 
1. First list item
2. Second list item
   - First level of nested list
     1. Second level of nested list
     2. Second item
        - And another one.
   - Second level again
3. Last one

Inline elements

Markdown allows for use to write inline code like this: <br>. It also allows use to easily write links to other pages like this one.

Markdown 
Markdown allows for use to write inline code like this: `<br>`. It also allows use to easily write links to other pages [like this one](~/src/index.md).

Flying flyout