@blocknote/shadcn/src/style.css

A "Notion-style" block-based extensible text editor built on top of Prosemirror and Tiptap.

@import "@blocknote/react/style.css";

.bn-shadcn svg:not([class*="size-"]) {
  width: revert;
  height: revert;
}

.bn-shadcn svg {
  pointer-events: all;
}

.bn-shadcn .bn-editor a {
  color: revert;
  text-decoration: revert;
}

.bn-shadcn .bn-editor:focus-visible {
  outline: none;
}

.bn-shadcn .bn-side-menu {
  align-items: center;
  display: flex;
  justify-content: center;
}

.bn-shadcn .bn-side-menu .bn-button {
  padding: 0;
  height: 24px;
}

.bn-shadcn .bn-select {
  max-height: var(--radix-select-content-available-height);
}

.bn-shadcn .bn-menu-dropdown {
  max-height: var(--radix-dropdown-menu-content-available-height);
}

.bn-shadcn .bn-color-picker-dropdown {
  overflow: auto;
}

.bn-shadcn .bn-extend-button-add-remove-columns {
  cursor: col-resize;
}

.bn-shadcn .bn-extend-button-add-remove-rows {
  cursor: row-resize;
}

.bn-shadcn .bn-toolbar {
  overflow-x: auto;
  max-width: 100vw;
}

.bn-shadcn .bn-comment-actions-wrapper {
  display: flex;
  justify-content: flex-end;
}

.bn-shadcn .bn-table-cell-handle {
  padding: 0 4px;
  height: 12px;
}

.bn-shadcn .bn-thread .bn-resolved-text {
  font-size: 14px;
  font-style: italic;
}

.bn-shadcn .bn-combobox-error {
  color: var(--bn-colors-highlights-red-background);
  font-weight: bold;
}