Skip to content

Commit 2d9586b

Browse files
docs: updated docs for overriding CSS (#1889)
1 parent 989d614 commit 2d9586b

File tree

1 file changed

+12
-14
lines changed

1 file changed

+12
-14
lines changed

docs/content/docs/react/styling-theming/overriding-css.mdx

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -23,25 +23,23 @@ BlockNote uses classes with the `bn-` prefix to style editor elements. Here are
2323

2424
#### Editor Structure
2525

26-
- `.bn-container`: Container for editor and all menus/toolbars
27-
- `.bn-editor`: Main editor element
28-
- `.bn-block`: Individual block element (including nested)
29-
- `.bn-block-group`: Container for nested blocks
30-
- `.bn-block-content`: Block content wrapper
31-
- `.bn-inline-content`: Block's editable rich text content
26+
- `.bn-container`: Container for editor and all menus/toolbars.
27+
- `.bn-editor`: Main editor element.
28+
- `.bn-block`: Individual block element (including nested).
29+
- `.bn-block-group`: Container for nested blocks.
30+
- `.bn-block-content`: Block content wrapper.
31+
- `.bn-inline-content`: Block's editable rich text content.
3232

3333
#### UI Components
3434

35-
- `.bn-toolbar`: Formatting & link toolbars
36-
- `.bn-side-menu`: Side menu element
37-
- `.bn-drag-handle-menu`: Drag handle menu
38-
- `.bn-suggestion-menu`: Suggestion menu
35+
- `.bn-toolbar`: Formatting & link toolbars.
36+
- `.bn-side-menu`: Side menu element.
37+
- `.bn-drag-handle-menu`: Drag handle menu.
38+
- `.bn-suggestion-menu`: Suggestion menu.
3939

4040
### BlockNote CSS Attributes
4141

4242
BlockNote uses data attributes to target specific block types and properties:
4343

44-
- `[data-content-type="blockType"]`: Targets blocks of type `blockType`
45-
- `[data-propName="propValue"]`: Targets blocks with specific prop values
46-
47-
Example:
44+
- `[data-content-type="blockType"]`: Targets blocks of type `blockType`.
45+
- `[data-propName="propValue"]`: Targets blocks with specific prop values. If the value is the same as the default value, the `data-propName` attribute will not be added.

0 commit comments

Comments
 (0)