Skip to content

Instantly share code, notes, and snippets.

@jpigla
Last active December 14, 2022 16:21
Show Gist options
  • Save jpigla/5075fa420c898e06dd3e6c25014d3cf0 to your computer and use it in GitHub Desktop.
Save jpigla/5075fa420c898e06dd3e6c25014d3cf0 to your computer and use it in GitHub Desktop.
/*CloudHill's Bulleted List Mod*/
div.notion-selectable.notion-bulleted_list-block
> div > div:last-child {
position: relative;
}
div.notion-selectable.notion-bulleted_list-block
> div > div:last-child::before {
content: "";
position: absolute;
height: calc(100% - 2em);
top: 2em;
left: -14.48px;
border-left: 1px dotted var(--theme--text_ui_info); /*"Also if you erase the var(--theme--text_ui_info) part the line will follow whatever color your block is"*/
}
.notion-selectable.notion-page-block.notion-collection-item > a > div > div:nth-child(3) {
flex-direction: row !important;
}
.notion-selectable.notion-page-block.notion-collection-item > a > div > div:nth-child(3) > div {
padding-right: 0px !important;
padding-left: 2px !important;
opacity: 0.6;
}
#notion-app > div > div:nth-child(1) > div > div:nth-child(2) > div.notion-frame > div > div:nth-child(5) > div > div > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(4) {
border-color: #FF3300;
border-style: solid;
border-width: medium;
}
/* ========== REMOVE ARROWS ON LINKED DATABASES/PAGES ========== */
svg.alias, .notion-collection_view-block [style="display: flex; align-items: center; margin-right: 6px;"] {
display: none !important;
}
/* Remove in page mentions */
.notion-page-mention-token [style="width:1em;display:inline-block;vertical-align:-0.15em;margin-right:0.1em"] {
width: 2px !important;
}
#notion-app > div > div:nth-child(1) > div > div:nth-child(2) > div.notion-frame > div > div:nth-child(3) > div.notion-selectable.notion-collection_view-block > div > div:nth-child(1) > div > div > svg {
display: none !important;
}
.notion-code-block.line-numbers {
position: relative;
}
.notion-code-block.line-numbers:before {
content: "•••";
color: transparent;
background-image: linear-gradient(
90deg,
#FF5F56, #FF5F56 33%,
#FFBD2E 33%, #FFBD2E 66%,
#27C93F 66%, #27C93F
);
background-clip: text;
-webkit-background-clip: text;
font-size: 36px;
line-height: 0.5;
position: absolute;
top: 10px;
left: 10px;
}
.notion-code-block.line-numbers > div {
padding-top: 44px !important;
padding-bottom: 20px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment