From 78b14479e1f6bb271c232af597fb1c6f87b3992e Mon Sep 17 00:00:00 2001 From: Travis Fischer Date: Sun, 27 Mar 2022 09:40:10 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=91=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- readme.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/readme.md b/readme.md index 47fa56d..9563623 100644 --- a/readme.md +++ b/readme.md @@ -92,11 +92,15 @@ Note that preview images and redis caching are both optional features. If you’ ## Styles -All CSS styles that customize Notion content are located in [styles/notion.css](./styles/notion.css). +All CSS styles that customize Notion content are located in [styles/notion.css](./styles/notion.css). They mainly target global CSS classes exported by react-notion-x [styles.css](https://github.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css). -They mainly target global CSS classes exported by react-notion-x [styles.css](https://github.com/NotionX/react-notion-x/blob/master/packages/react-notion-x/src/styles.css). +Every notion block gets its own unique classname, so you can target individual blocks like this: -It should be pretty easy to customize most styling-related things, especially with local development and hot reload. +```css +.notion-block-260baa77f1e1428b97fb14ac99c7c385 { + display: none; +} +``` ## Dark Mode