Toggles:

‣

Standard toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.

‣

Heading 3 toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.

‣

Heading 2 toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.

‣

Heading 1 toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis porttitor diam. Sed nec arcu non urna pretium congue vel sit amet quam. Phasellus quis nibh nunc. Sed lectus nunc, tincidunt ac velit non, porttitor consequat odio. Proin non tincidunt nisi. Donec eu vestibulum sem. Fusce non quam elementum, ornare.

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;
    }
}

List: