Last active
May 15, 2022 07:12
-
-
Save JimmyLv/38bbf503fedc5a4cb034b39aa506e4fc to your computer and use it in GitHub Desktop.
Implementing a Digital Zettelkasten using [[Page Embed]] References in Roam Research with Jimmy Lv
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url('https://rcvd.github.io/roam-css-system/themes/craft_dark.css'); | |
| /* 卡片盒样式 */ | |
| .rm-embed--page .rm-page__title { | |
| font-size: 1.06rem; | |
| padding-bottom: 6px; | |
| } | |
| .rm-embed.rm-embed--page.rm-embed-container { | |
| padding: 4px 8px 0 8px; | |
| } | |
| .rm-embed.rm-embed--page.rm-embed-container h3.rm-page__title { | |
| margin-bottom: 0; | |
| display: flex; | |
| align-items: baseline; | |
| justify-content: space-between; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*@import url('https://styled-roam.vercel.app/Candy.css'); | |
| @import url('https://styled-roam.vercel.app/page-image.css');*/ | |
| /* Roam Vim 模式 */ | |
| .roam-toolkit-block-mode--highlight { | |
| background-color: var(--bc-block-highlight--yellow, #7cccff); | |
| } | |
| .roam-toolkit--hint::after { | |
| text-shadow: none; | |
| } | |
| /* styled-roam 样式 for Dark Mode */ | |
| .card-mode .rm-block__children.rm-level-0>.roam-block-container, .card-mode [style="margin-left: -20px;"]>.roam-block-container, .presentation-card-mode .rm-block__children.rm-level-0>.roam-block-container, .presentation-card-mode [style="margin-left: -20px;"]>.roam-block-container { | |
| box-shadow: 6px 2px 13px 0 rgb(0 0 0 / 6%), 3px 1px 16px 0 #000; | |
| background: transparent; | |
| } | |
| /* 移动端优化 */ | |
| .mobile [style="min-width: 24px;"] { | |
| display: none; | |
| } | |
| .mobile .kanban-board { | |
| padding: 0; | |
| } | |
| .mobile .kanban-title { | |
| margin: 0; | |
| } | |
| .mobile .kanban-column { | |
| flex: 1 0 23vw; | |
| max-width: 200px; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .mobile .kanban-card { | |
| margin: 0 4px; | |
| padding: 0 4px; | |
| } | |
| /* 九宫格 */ | |
| .jiugong [data-page-links='["kanban"]'] .kanban-board { | |
| padding: 0; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .kanban-board .kanban-column-container { | |
| overflow-x: auto; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .roam-block:not(.rm-block-text) { | |
| padding: 0; | |
| } | |
| .jiugong [data-page-links='["kanban"]']:last-child .kanban-column { | |
| margin-bottom: 4px; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .kanban-column { | |
| margin: 4px 0 0 4px; | |
| max-height: 28vh; | |
| overflow: scroll; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .kanban-column:last-child { | |
| margin-right: 4px; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .kanban-title { | |
| margin-bottom: 0; | |
| min-height: auto; | |
| } | |
| .jiugong [data-page-links='["kanban"]'] .kanban-card { | |
| margin: 0; | |
| padding: 0 8px; | |
| } |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
【双向链接的前世今生】上都计划与 Roam Research 思维工具