Super CSS Base Template

Super CSS Base Template

Use this page as a starting point for learning how to add your own styles to blocks. Go ahead and open the Developer Tools and inspect a block to get started.
icon
Documentation
CSS Code for reference

Heading 1 block

Heading 2 block

Heading 3 block

Text block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a pretium leo. Praesent eu sem nulla. In nunc arcu, rutrum eu malesuada sed, lacinia nec ipsum. Maecenas quis tincidunt sem. Quisque vitae nisl vel purus laoreet efficitur quis ut arcu. Nulla sit amet risus hendrerit, tristique augue eu, dapibus risus. Curabitur ullamcorper ligula lacus, sit amet pharetra neque interdum in.

Normal Text

Bold Text

Italic Text

Underlined Text

Strikethrough Text

Linked Text

Code Text

Column block 1

Column block 2

Column block 3

Link block →

Page block (1)

Bullet list block

  • Bulleted list block item 1
  • Bulleted list block item 2
  • Bulleted list block item 3

Numbered list block

  1. Numbered list block item 1
  2. Numbered list block item 2
  3. Numbered list block item 3

Todo list block

Todo item block 1 (Checked)
Todo item block 2
Todo item block 3

Toggle heading 1

Toggle heading 2

Toggle heading 3

Toggle block (Summary)
Quote block
icon
Callout block default
icon
Callout block grey
icon
Callout block brown
icon
Callout block orange
icon
Callout block yellow
icon
Callout block green
icon
Callout block blue
icon
Callout block purple
icon
Callout block pink
icon
Callout block red
/* CODE BLOCK */
	code {
		background: #000;
	}

Divider block

Table block (1)

Board collection block (1)

Status 1
Page 1Page 1
Page 1
Status 2
Page 2Page 2
Page 2

List collection block (1)

Page 1
Jun 22, 2024 6:26 PM
Page 2
Jun 22, 2024 6:26 PM

Calendar block (1)

July 2024
Today
Mon
Tue
Wed
Thu
Fri
Sat
Sun
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4

Inline equation block

E=mc2E = mc²

Equation block

HeyHey
Image block
Image block
Bookmark block

Breadcrumbs block

Table of contents block

Video block
clouds.jpeg688.1KB
Audio block

Text color default

Text color gray

Text color brown

Text color orange

Text color yellow

Text color green

Text color blue

Text color purple

Text color pink

Text color red

Background color gray

Background color brown

Background color orange

Background color yellow

Background color green

Background color blue

Background color purple

Background color pink

Background color red