This is how all of Notion’s blocks will appear on your website when you use this template.

Toggles

‣

Standard toggle

‣

Heading 3 toggle

‣

Heading 2 toggle

‣

Heading 1 toggle

Divider

Todo list

Incomplete todo

~~Complete todo~~

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Callouts

🛠

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

🛠

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Code

.notion-callout {
    flex-direction: column!important;
    border-radius: 8px!important;

    .notion-callout__icon {
        span {
            width: 32px!important;
            height: 32px!important;
        }
    }

    .notion-callout__content {
        margin-left: 0px!important;
    }
}