Skip to content

Instantly share code, notes, and snippets.

@joeddav
Last active November 5, 2023 21:29
Show Gist options
  • Save joeddav/58e6afbd990199719154288ef249059c to your computer and use it in GitHub Desktop.
Save joeddav/58e6afbd990199719154288ef249059c to your computer and use it in GitHub Desktop.
My custom.css logseq file. Useful for defining iOS-compatible configuration.
/* @import url('https://rcvd.github.io/logseq-bear-theme/bear.css'); */
/* @import url('https://cdn.jsdelivr.net/gh/gavinmn/logseq-luma/custom.css'); */
/* ## BONOFIX THEME */
@charset "UTF-8";@import url("https://cdn.jsdelivr.net/npm/@ibm/plex@4.0.2/css/ibm-plex.min.css?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");:root{--ls-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--ls-tag-text-opacity:.6;--ls-tag-text-hover-opacity:.8;--ls-page-text-size:1em;--ls-page-title-size:36px}.dark-theme,html[data-theme=dark]{--ls-primary-background-color:#202124;--ls-secondary-background-color:#27282b;--ls-tertiary-background-color:#2e3033;--ls-quaternary-background-color:#36383b;--ls-table-tr-even-background-color:#adadad1c;--ls-callout-background-color:rgba(69,75,78,0.3);--bf-codeblock-background-color:#313538;--ls-block-properties-background-color:#33363891;--ls-block-ref-link-text-color:#73d2f6;--ls-search-background-color:var(--ls-primary-background-color);--ls-border-color:#3f3f3f;--ls-menu-hover-color:#36383b;--ls-primary-text-color:#ccc;--ls-secondary-text-color:#aaa;--bf-strong-text-color:#ddd;--ls-title-text-color:var(--ls-primary-text-color);--ls-link-ref-text-color:#88c1fb;--ls-link-ref-text-hover-color:#afd6ff;--ls-link-text-color:var(--ls-link-ref-text-color);--ls-link-text-hover-color:var(--ls-link-ref-text-hover-color);--ls-alink-color:var(--ls-link-text-color);--bf-external-link-color:#f67373;--bf-external-link-hover-color:#f29191;--ls-cloze-text-color:var(--ls-link-ref-text-color);--ls-active-primary-color:var(--ls-link-ref-text-color);--ls-active-secondary-color:#6fc2efcc;--ls-tag-text-color:white;--ls-tag-text-hover-color:white;--bf-tag-background-color:#3f74ae;--bf-tag-background-hover-color:#5f97c0;--ls-slide-background-color:var(--ls-primary-background-color);--ls-block-bullet-border-color:#ffffff14;--ls-block-bullet-color:#ffffff25;--ls-guideline-color:#ffffff14;--ls-block-highlight-color:#3e3e41;--ls-selection-background-color:#3e3e41;--ls-page-checkbox-color:#5c94ce;--ls-page-checkbox-border-color:var(--ls-primary-background-color);--ls-page-blockquote-border-color:var(--ls-primary-text-color);--ls-page-inline-code-color:#eb5757;--ls-page-inline-code-bg-color:rgba(135,131,120,0.15);--ls-page-properties-background-color:#2f3033;--ls-scrollbar-foreground-color:#8a8a8a3d;--ls-scrollbar-background-color:#fff0;--bf-scrollbar-thumb-hover-color:#8a8a8a61;--ls-head-text-color:#ffe27c;--ls-icon-color:#767676;--ls-search-icon-color:var(--ls-quaternary-background-color);--ls-a-chosen-bg:var(--ls-secondary-background-color);--color-level-1:var(--ls-secondary-background-color);--color-level-2:var(--ls-tertiary-background-color);--color-level-3:var(--ls-quaternary-background-color);--ls-block-bullet-threading-width:2px;--ls-block-bullet-active-color:#4a99b9;--bf-hard-shadow-color:#1d1d1d}.white-theme,html[data-theme=light]{--ls-primary-background-color:#fff;--ls-secondary-background-color:#f8f8f8;--ls-tertiary-background-color:#f2f2f3;--ls-quaternary-background-color:#ebeaea;--ls-search-background-color:#fff;--bf-codeblock-background-color:#f7f6f3;--ls-table-tr-even-background-color:#0000000a;--ls-callout-background-color:rgba(235,236,237,0.3);--ls-active-primary-color:#4096d5;--ls-active-secondary-color:#2e76aa;--ls-block-properties-background-color:#f5f5f5;--ls-block-bullet-border-color:#dedede85;--ls-block-bullet-color:#00000018;--ls-guideline-color:rgba(62,62,63,0.08);--ls-primary-text-color:#2b2926;--ls-title-text-color:#303537;--ls-link-ref-text-color:#3d88ce;--ls-link-ref-text-hover-color:#1a6cbf;--ls-link-text-color:var(--ls-link-ref-text-color);--ls-link-text-hover-color:var(--ls-link-ref-text-hover-color);--bf-external-link-color:#ea6e6e;--bf-external-link-hover-color:#e6515e;--ls-cloze-text-color:var(--ls-link-ref-text-color);--ls-alink-color:var(--ls-link-text-color);--ls-tag-text-color:white;--ls-tag-text-hover-color:white;--bf-tag-background-color:#2883df;--bf-tag-background-hover-color:#84bdf4;--ls-icon-color:#919191;--ls-page-inline-code-bg-color:rgba(135,131,120,0.15);--ls-page-blockquote-border-color:var(--ls-primary-text-color);--ls-page-checkbox-color:#8ebce6;--ls-page-checkbox-border-color:var(--ls-page-checkbox-color);--ls-page-properties-background-color:#f6f6f6;--ls-scrollbar-foreground-color:#00000014;--ls-scrollbar-background-color:#fff0;--bf-scrollbar-thumb-hover-color:#8a8a8a61;--color-level-1:rgba(236,236,236,0.3);--color-level-2:#f3f3f3;--color-level-3:#eaeaea;--color-level-4:#ddd;--ls-block-bullet-threading-width:2px;--ls-block-bullet-active-color:#6ea7eead;--bf-hard-shadow-color:#e6e6e6}.cp__sidebar-main-content{width:100%}#main-content-container .file{margin:0 auto}.cp__header button.icon{opacity:.5;transition:opacity ease .5s}.cp__header button.icon:hover{opacity:1;background-color:var(--ls-tertiary-background-color)}.left-sidebar-inner nav{margin-bottom:.5rem}.left-sidebar-inner .nav-contents-container{gap:1rem}.left-sidebar-inner a.item:hover{opacity:unset;background-color:var(--ls-table-tr-even-background-color)}.left-sidebar-inner .nav-content-item .header:hover,.left-sidebar-inner .nav-content-item .bd ul a:hover{background-color:var(--ls-table-tr-even-background-color)}.left-sidebar-inner .nav-content-item .header .wrap-th>span{font-size:.85rem;opacity:.6;transition:opacity ease .3s}.cp__right-sidebar .cp__right-sidebar-settings .cp__right-sidebar-settings-btn{background-color:var(--color-level-2);font-weight:500}.cp__right-sidebar .cp__right-sidebar-settings .cp__right-sidebar-settings-btn:hover{background-color:var(--ls-quaternary-background-color)}.cp__right-sidebar .sidebar-item-list .sidebar-item{--tw-shadow:unset}.cp__right-sidebar .sidebar-item-list .sidebar-item .content{font-size:.95rem}.cp__all_pages .actions{display:relative}.cp__all_pages .actions a{color:var(--ls-primary-text-color)}.cp__all_pages .actions::before{content:"";display:block;position:absolute;left:0;top:-1rem;width:100%;height:1rem;z-index:-1;background-color:var(--ls-primary-background-color)}.cp__all_pages table th{border-bottom:1px solid var(--ls-border-color)}.cp__all_pages table th a{color:var(--ls-primary-text-color)}#main-content-container{padding:1rem 2.5rem}#main-content-container .journal.page h1.title:before{content:"🗓";vertical-align:text-bottom;margin-right:.3em;font-size:.75em}#main-content-container .is-journals h1.page-title:before{content:"🗓";vertical-align:text-bottom;margin-right:.3em;font-size:.75em;align-self:center}#main-content-container .cp__sidebar-main-content h1.title{font-weight:700;font-size:33px;margin-bottom:1rem;margin-left:0 !important}html ::-webkit-scrollbar{width:8px;height:8px}html ::-webkit-scrollbar-thumb{background:var(--ls-scrollbar-foreground-color);background-clip:padding-box;border-left:2px solid transparent;border-right:2px solid transparent;cursor:pointer}html ::-webkit-scrollbar-thumb:hover{background:var(--bf-scrollbar-thumb-hover-color);border-radius:4px;border:4px solid transparent}.content hr{margin:.1rem 0}.content .block-children{margin-bottom:.3rem}.content .block-children-left-border{border-radius:unset;transition:background-color .3s;padding:0 1px}.content .block-properties{margin:8px 0;padding:10px 20px}.content blockquote{background-color:unset}.content .admonitionblock{padding:16px 16px 16px 12px;background-color:var(--ls-callout-background-color);margin:unset}.content .admonitionblock .text-lg{font-size:.9em;margin-left:0;line-height:1.35rem}.content .admonitionblock .admonition-icon{padding-right:.65em;border:unset}.content .admonitionblock .admonition-icon svg.svg-shadow{-webkit-filter:unset;filter:unset}.content .admonitionblock .admonition-icon svg.h-8.w-8{width:1.7em;height:1.7em}.content .admonitionblock .admonition-icon svg.important{color:#e54040}.content .admonitionblock .admonition-icon svg.caution{color:#ff8d55}.content .admonitionblock .admonition-icon svg.tip{color:#ffac54}.content .admonitionblock .admonition-icon svg.note{color:var(--ls-secondary-text-color)}.content ul,.content ol{margin-top:5px;margin-bottom:5px}.content ul>li>p:first-child,.content ol>li>p:first-child{display:inline}.content h1,.content h2,.content h3,.content h4,.content h5{margin-top:0;margin-bottom:0;border-bottom:0}.content .editor-inner textarea{margin:0 0 !important}.content .editor-inner textarea.h2,.content .editor-inner textarea.h1{border-bottom:unset}.content a.tag{padding:0 7px;border-radius:10px;margin:2px 0;color:var(--ls-tag-text-color);background-color:var(--bf-tag-background-color)}.content a.tag:hover{background-color:var(--bf-tag-background-hover-color)}.content a.external-link{color:var(--bf-external-link-color)}.content a.external-link:hover{color:var(--bf-external-link-hover-color)}.content .block-ref{border-radius:3px;font-style:italic;color:var(--ls-primary-text-color)}.content .form-checkbox{border-radius:50%;z-index:1;position:relative;margin-top:unset !important;margin-left:.1em}.content .marker-switch{opacity:.7;font-weight:700;transition:.3s;margin-left:-1.5em;margin-right:5px;padding:0 8px 0 1.5em;border-radius:12px}.content :not(pre)>code{border-radius:3px;font-size:85%;font-family:MonoLisa,"Fira Code",Monaco,Menlo,Consolas,"COURIER NEW",monospace;padding:.2em .4em !important;color:#eb5757;background-color:var(--ls-page-inline-code-bg-color)}.content .custom-query{margin-top:.5rem}.content .custom-query .custom-query-title .query-title{border-radius:20px;font-size:.85em}.content .custom-query .overflow-x-auto{cursor:default}.content .custom-query .overflow-x-auto table th{font-weight:bold;text-transform:capitalize;padding-left:1em;border-bottom:solid 1px var(--ls-border-color)}.content .custom-query .overflow-x-auto table th a span{color:var(--ls-primary-text-color)}.content .custom-query .overflow-x-auto table tr td{font-size:.95em;padding:.5em .3em .5em .9em}.content .block-content.inline .inline .embed-header div.mr-3{margin-right:.25rem}.content .page-reference:hover{background-color:var(--ls-tertiary-background-color)}.content div[data-refs-self*='"card"']{box-shadow:unset}.content div[data-refs-self*='"card"'] .block-children{margin-bottom:unset}.content div[data-refs-self*='"card"']>.block-children-container{background:var(--ls-block-properties-background-color);padding:1em 0;border-radius:.375rem;border-bottom:2px solid var(--bf-hard-shadow-color)}.content div[data-refs-self*='"card"']>.block-children-container>.block-children{margin-bottom:5px}.document-mode .ls-block{margin-bottom:.35rem}.document-mode .ls-block h1{margin:.1em 0}.document-mode .ls-block h2{margin:.15em 0}.document-mode .ls-block h3{margin:.35em 0}.document-mode .ls-block h4{margin:.5em 0}.document-mode .ls-block h5{margin:.55em 0}.document-mode .ls-block h6{margin:.65em 0}svg.add-button>.circle{transition:.2s;fill:var(--ls-block-bullet-color)}.tippy-popper .tippy-tooltip,.tippy-popper .html-template .tippy-tooltip{border-radius:.5rem}.tippy-popper .tippy-popper[x-placement^=top] [x-arrow],.tippy-popper .html-template .tippy-popper[x-placement^=top] [x-arrow]{border-color:var(--ls-primary-background-color);z-index:1}.tippy-popper .tippy-wrapper,.tippy-popper .html-template .tippy-wrapper{max-height:45vh !important;max-width:min(90vw,600px) !important;border:1px solid var(--ls-tertiary-background-color);background-color:var(--ls-primary-background-color);border-radius:.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cp__palette #ui__ac-inner code{color:var(--ls-primary-text-color)}.cp__palette #ui__ac-inner a:hover{color:var(--ls-link-ref-text-color)}.cp__palette #ui__ac-inner a>span{width:100%}.cp__palette-main .chosen,.cp__select-main .chosen{background-color:var(--ls-menu-hover-color)}@media screen and (max-width:640px){#head{background-color:var(--ls-primary-background-color)}#main-container #main-content-container{padding:16px 20px}.cp__settings-inner>aside{border-right:unset}.cp__settings-inner>aside ul{border-bottom:1px solid var(--ls-quaternary-background-color)}}.white-theme .cp__header{color:var(--ls-primary-text-color)}.white-theme .cp__header a:hover{background-color:#f1f1f1}.white-theme #left-bar nav>a,.white-theme #left-bar svg{color:var(--ls-priamary-text-color)}.white-theme #left-bar #repo-name{opacity:1;height:22px;transform:translateY(-1px)}.white-theme .content .external-link{border-bottom:.05em solid rgba(55,53,47,0.25)}.white-theme .content .block-ref{background:rgba(40,142,111,0.1);border-bottom-color:rgba(40,142,111,0.3)}.white-theme .content .marker-switch{color:#504d47;background:#f3f2ed;opacity:1}.white-theme .content .marker-switch:hover{opacity:.7}.white-theme .cp__right-sidebar .block-properties.page-properties{--ls-page-properties-background-color:#f0f0f0}.white-theme .cp__right-sidebar .sidebar-item{border-bottom:2px solid var(--bf-hard-shadow-color)}.white-theme .ui__modal-panel{background-color:var(--ls-primary-background-color)}.dark-theme .cp__header a:hover{background-color:#3e3e41}.dark-theme .left-sidebar-inner a.item{color:var(--ls-primary-text-color)}.dark-theme .cp__right-sidebar .block-properties.page-properties{--ls-page-properties-background-color:#363739}.dark-theme .cp__right-sidebar .sidebar-item{border-bottom:2px solid var(--bf-hard-shadow-color)}.dark-theme .content b,.dark-theme .content strong{font-weight:bolder;color:var(--bf-strong-text-color)}.dark-theme .content a.tag{opacity:.83}.dark-theme .content a.tag:hover{opacity:1}.dark-theme .content a.external-link b,.dark-theme .content a.external-link strong{color:var(--bf-external-link-color)}.dark-theme .content a.external-link b:hover,.dark-theme .content a.external-link strong:hover{color:var(--bf-external-link-hover-color)}.dark-theme .content mark{background:#524b25;color:var(--ls-primary-text-color)}.dark-theme .content .external-link{border-bottom:.05em solid rgba(255,255,255,0.4)}.dark-theme .content .block-ref{background:#1f535878;border-bottom-color:#53d2d280}.dark-theme .content .marker-switch{color:var(--ls-primary-text-color);background:#444}.dark-theme .content .marker-switch:hover{opacity:1}.dark-theme .content svg.add-button>.circle{fill:var(--ls-block-bullet-color,#394b59)}.dark-theme .menu-links-wrapper,.dark-theme .ui__modal-panel,.dark-theme .menu-link{background-color:var(--ls-secondary-background-color)}.dark-theme .menu-link:hover,.dark-theme .menu-link.chosen{background-color:var(--ls-menu-hover-color)}.dark-theme .ui__modal-overlay div{background:var(--ls-primary-background-color)}.cm-s-solarized,.cm-s-solarized.cm-s-light,.cm-s-solarized.cm-s-dark{background-color:var(--bf-codeblock-background-color);text-shadow:unset}.cm-s-solarized.CodeMirror,.cm-s-solarized.cm-s-light.CodeMirror,.cm-s-solarized.cm-s-dark.CodeMirror{-moz-box-shadow:unset;-webkit-box-shadow:unset;box-shadow:unset}.cm-s-solarized .CodeMirror-gutters,.cm-s-solarized.cm-s-light .CodeMirror-gutters,.cm-s-solarized.cm-s-dark .CodeMirror-gutters{background-color:var(--bf-codeblock-background-color)}.cm-s-solarized .CodeMirror-linenumber,.cm-s-solarized.cm-s-light .CodeMirror-linenumber,.cm-s-solarized.cm-s-dark .CodeMirror-linenumber{text-shadow:unset}.extensions__code{display:block;background-color:var(--bf-codeblock-background-color)}.extensions__code .code-editor{margin:.5rem 0}.extensions__code .extensions__code-lang{margin-right:7px;margin-top:3px;padding:unset;background-color:unset;opacity:.6}.extensions__code textarea{color:var(--ls-primary-text-color)}.extensions__code .CodeMirror{color:var(--ls-secondary-text-color);font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;padding:0 10px 0 20px}.extensions__code .CodeMirror CodeMirror-sizer .CodeMirror-lines .CodeMirror-cursors .CodeMirror-cursor{border-left:solid thin #82aaff}.CodeMirror-lines{padding:4px 0}.CodeMirror-scroll{padding-top:18px;padding-bottom:66px}.extensions__code-calc{padding-top:22px;padding-right:22px}.white-theme .cp__right-sidebar .CodeMirror,.white-theme .cp__right-sidebar .CodeMirror-gutters,.white-theme .cp__right-sidebar .extensions__code-lang{background-color:rgba(242,241,238,0.95)}.cm-s-solarized .CodeMirror-matchingbracket{text-decoration:underline;color:#5bdfdf !important}.cm-s-solarized span.cm-comment{color:#a0a0a0}.cm-s-solarized span.cm-string,.cm-s-solarized span.cm-string-2{color:#e6c963}.cm-s-solarized span.cm-number{color:#978ade}.cm-s-solarized span.cm-variable{color:#82aaff}.cm-s-solarized span.cm-variable-2{color:rgba(255,255,255,0.7)}.cm-s-solarized span.cm-def{color:var(--ls-secondary-text-color)}.cm-s-solarized span.cm-operator{color:#f15f60}.cm-s-solarized span.cm-keyword{color:#f15f60}.cm-s-solarized span.cm-atom{color:#978ade}.cm-s-solarized span.cm-meta{color:white}.cm-s-solarized span.cm-tag{color:#f07178}.cm-s-solarized span.cm-attribute{color:#c792ea}.cm-s-solarized span.cm-qualifier{color:#41b394}.cm-s-solarized span.cm-property{color:#9bd174}.cm-s-solarized span.cm-builtin{color:#45add6}.cm-s-solarized span.cm-variable-3,.cm-s-solarized span.cm-type{color:orange}.white-theme .cm-s-solarized span.cm-string,.white-theme .cm-s-solarized span.cm-string-2{color:orange}.white-theme .cm-s-solarized span.cm-variable-2{color:rgba(0,0,0,0.7)}.white-theme .cm-s-solarized span.cm-def{color:var(--ls-secondary-text-color)}.white-theme .cm-s-solarized span.cm-meta{color:var(--ls-secondary-text-color)}.dark-theme .cm-s-solarized.cm-s-light .CodeMirror-activeline-background,.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background{background:rgba(0,0,0,0.1)}.white-theme .cm-s-solarized.cm-s-dark .CodeMirror-activeline-background,.cm-s-solarized.cm-s-light .CodeMirror-activeline-background{background:rgba(0,0,0,0.05)}.dark-theme .cm-s-solarized.cm-s-dark div.CodeMirror-selected{background:rgba(255,255,255,0.1)}.dark-theme .cm-s-solarized.cm-s-dark.CodeMirror ::selection{background:rgba(255,255,255,0.1)}.dark-theme .cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection,.dark-theme .cm-s-dark .CodeMirror-line>span::-moz-selection,.dark-theme .cm-s-dark .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,0.1)}.dark-theme .cm-s-solarized.cm-s-light div.CodeMirror-selected{background:rgba(255,255,255,0.1)}.dark-theme .cm-s-solarized.cm-s-light .CodeMirror-line::selection,.dark-theme .cm-s-light .CodeMirror-line>span::selection,.dark-theme .cm-s-light .CodeMirror-line>span>span::selection{background:rgba(255,255,255,0.1)}.dark-theme .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection,.dark-theme .cm-s-light .CodeMirror-line>span::-moz-selection,.dark-theme .cm-s-light .CodeMirror-line>span>span::-moz-selection{background:rgba(255,255,255,0.1)}.white-theme .cm-s-solarized.cm-s-light div.CodeMirror-selected{background:rgba(168,175,255,0.2)}.white-theme .cm-s-solarized.cm-s-light .CodeMirror-line::selection,.white-theme .cm-s-light .CodeMirror-line>span::selection,.white-theme .cm-s-light .CodeMirror-line>span>span::selection{background:rgba(168,175,255,0.2)}.white-theme .cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection,.white-theme .cm-s-light .CodeMirror-line>span::-moz-selection,.white-theme .cm-s-light .CodeMirror-line>span>span::-moz-selection{background:rgba(168,175,255,0.2)}.white-theme .cm-s-solarized.cm-s-dark div.CodeMirror-selected{background:rgba(168,175,255,0.2)}.white-theme .cm-s-solarized.cm-s-dark.CodeMirror ::selection{background:rgba(168,175,255,0.2)}.white-theme .cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection,.white-theme .cm-s-dark .CodeMirror-line>span::-moz-selection,.white-theme .cm-s-dark .CodeMirror-line>span>span::-moz-selection{background:rgba(168,175,255,0.2)}:root{--ls-font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}
/* ##########
Heading sizes
############# */
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
padding-bottom: 0;
}
.content h3 {
font-size: 1.2em;
}
.content h4 {
font-size: 1.05em;
letter-spacing: 0.02rem;
}
.content h5 {
font-size: 1.02em;
letter-spacing: 0.02rem;
font-weight: 600;
}
.content h6 {
font-size: 0.95em;
font-weight: 600;
letter-spacing: 0.05rem;
}
/* ##########
Adjusting mis-aligned bullets
############# */
/* Selects parent blocks that start with an H1 header */
.is-mac .block-content-wrapper:has(h1) {
transform: translateY(0.05rem);
margin-bottom: 0.05rem;
}
/* Select entire blocks that start with an H1 header */
.is-mac .ls-block:has(> .block-main-container h1) {
margin-bottom: 0.5rem;
margin-top: 0.2rem;
}
.is-mac .block-content-wrapper:has(h2) {
transform: translateY(-0.1rem);
margin-bottom: -0.1rem;
}
.is-mac .ls-block:has(> .block-main-container h2) {
margin: 0.2rem 0 0.3rem 0;
}
.is-mac .block-content-wrapper:has(h3) {
transform: translateY(-0.15rem);
margin-bottom: -0.15rem;
}
.is-mac .ls-block:has(> .block-main-container h3) {
margin: 0.1rem 0 0 0;
}
.is-mac .block-content-wrapper:has(h4) {
transform: translateY(-0.25rem);
margin-bottom: -0.25rem;
}
.is-mac .ls-block:has(> .block-main-container h4) {
margin: 0rem 0 0rem 0;
}
.is-mac .block-content-wrapper:has(h5) {
transform: translateY(-0.25rem);
margin-bottom: -0.25rem;
}
.is-mac .ls-block:has(> .block-main-container h5) {
margin-bottom: -.6pt;
}
.is-mac .block-content-wrapper:has(h6) {
transform: translateY(-0.3rem);
margin-bottom: -0.3rem;
}
.is-mac .ls-block:has(> .block-main-container h6) {
transform: translateY(-.7pt);
}
/* ##########
Customize line break height (within block)
############# */
.is-paragraph br {
content: "";
display: block;
margin-top: 0.2rem;
}
.is-paragraph {
margin-top: 0.15rem;
}
/*
Implement "#private" tag block blurring functionality.
Any block with the "#private" tag will be blurred out, along with all of its children.
The block will be unblurred when selected, but its children will remain blurred until they themselves are selected.
When a child is selected, its parent will also be unblurred, but not siblings.
*/
/* hide any block that has the "private" tag */
.ls-block[data-refs-self*="private"] > .block-main-container .block-content-wrapper {
content: var(--hidden);
filter: blur(3px);
}
/* hide children of any block that has the "private" tag */
.ls-block[data-refs-self*="private"] > .block-children-container .block-content-wrapper {
content: var(--hidden);
filter: blur(3px);
}
/* unhide private block if it or its descendent is selected */
.ls-block[data-refs-self*="private"].selected > .block-main-container .block-content-wrapper,
.ls-block[data-refs-self*="private"] > .block-main-container:hover .block-content-wrapper,
.ls-block:has(.block-children-container .ls-block.selected) > .block-main-container .block-content-wrapper,
.ls-block:has(.block-children-container .ls-block .block-main-container:hover) > .block-main-container .block-content-wrapper {
content: inherit;
filter: inherit;
}
/* unhide selected descendent of private block */
.ls-block[data-refs-self*="private"] .ls-block.selected > .block-main-container .block-content-wrapper,
.ls-block[data-refs-self*="private"] .ls-block > .block-main-container:hover .block-content-wrapper {
content: inherit;
filter: inherit;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment