d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-05-13 23:16:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add dark mode header background for Firefox only

Browse Source 
fix: Added dark mode header background for Firefox to work around it not supporting backdrop-filter
This commit is contained in:
David Šarman
2022-04-03 10:37:01 +02:00
committed by GitHub
parent 3c2d62cfb7
commit 96702a3631
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
styles/notion.css
View File

@@ -327,11 +327,18 @@
}
.dark-mode .notion-header {
background: hsla(203, 8%, 20%, 0.8);
background: transparent;
box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
backdrop-filter: saturate(180%) blur(8px);
}
/* Workaround for Firefox not supporting backdrop-filter yet */
@-moz-document url-prefix() {
.dark-mode .notion-header {
background: hsla(203, 8%, 20%, 0.8);
}
}
.notion-bookmark:hover {
border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
border-image-slice: 1;