Created
December 10, 2020 20:11
-
-
Save mgmeyers/65542d1380e30cca8a6834737da4017b to your computer and use it in GitHub Desktop.
Obsidian Big Sur snippet
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
| @font-face { | |
| font-family: "Inter"; | |
| font-weight: 100 1000; | |
| font-style: normal; | |
| font-display: swap; | |
| src: url("/Users/matt/Library/Fonts/Inter-VariableFont_slnt,wght.ttf") | |
| format("ttf"); | |
| } | |
| :root { | |
| --accent-h: 211; /* Accent hue */ | |
| --accent-s: 100%; /* Accent saturation */ | |
| --accent-d: 52%; /* Accent lightness Dark Mode */ | |
| --text-editor: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, | |
| Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| --font-monospace: "iA Writer Mono V", Menlo, SFMono-Regular, Consolas, | |
| "Roboto Mono", monospace; | |
| --max-width: 100%; /* Amount of padding around the text, use 90% for narrower padding */ | |
| --line-width: 43rem; | |
| --rgb-light: 0, 0, 0; | |
| --rgb-dark: 204, 204, 204; | |
| --color-90-light: rgba(var(--rgb-light), 0.9); | |
| --color-77-light: rgba(var(--rgb-light), 0.77); | |
| --color-60-light: rgba(var(--rgb-light), 0.60); | |
| --color-50-light: rgba(var(--rgb-light), 0.5); | |
| --color-40-light: rgba(var(--rgb-light), 0.4); | |
| --color-30-light: rgba(var(--rgb-light), 0.3); | |
| --color-20-light: rgba(var(--rgb-light), 0.2); | |
| --color-10-light: rgba(var(--rgb-light), 0.1); | |
| --color-3-light: rgba(var(--rgb-light), 0.03); | |
| --color-2-light: rgba(var(--rgb-light), 0.02); | |
| --color-0-light: #fff; | |
| --color-90-dark: rgba(var(--rgb-dark), 0.9); | |
| --color-77-dark: rgba(var(--rgb-dark), 0.77); | |
| --color-60-dark: rgba(var(--rgb-dark), 0.60); | |
| --color-50-dark: rgba(var(--rgb-dark), 0.5); | |
| --color-40-dark: rgba(var(--rgb-dark), 0.4); | |
| --color-30-dark: rgba(var(--rgb-dark), 0.3); | |
| --color-20-dark: rgba(var(--rgb-dark), 0.2); | |
| --color-10-dark: rgba(var(--rgb-dark), 0.1); | |
| --color-3-dark: rgba(var(--rgb-dark), 0.03); | |
| --color-2-dark: rgba(var(--rgb-dark), 0.02); | |
| --color-0-dark: #1e1e1e; | |
| --color-accent-light: #007aff; | |
| --color-accent-dark: #0a84ff; | |
| --color-gray-light: #b8b8b8; /* TODO rgba */ | |
| --color-gray-dark: #6c6c6c; /* TODO rgba */ | |
| --shade-plus-darker-light: rgba(0, 0, 0, 0.05); | |
| --shade-plus-lighter-light: rgba(245, 245, 245, 0.15); | |
| --shade-plus-darker-dark: rgba(255, 255, 255, 0.15); | |
| --shade-plus-lighter-dark: rgba(0, 0, 0, 0.15); | |
| --radius-s: 4px; | |
| --radius-m: 6px; | |
| --radius-l: 10px; | |
| --radius-xl: 20px; | |
| --font-small: 14px; | |
| --text: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto; | |
| } | |
| .theme-light { | |
| --color-90: var(--color-90-light); | |
| --color-77: var(--color-77-light); | |
| --color-60: var(--color-60-light); | |
| --color-50: var(--color-50-light); | |
| --color-40: var(--color-40-light); | |
| --color-30: var(--color-30-light); | |
| --color-20: var(--color-20-light); | |
| --color-10: var(--color-10-light); | |
| --color-3: var(--color-3-light); | |
| --color-2: var(--color-2-light); | |
| --color-0: var(--color-0-light); | |
| --color-accent: var(--color-accent-light); | |
| --color-gray: var(--color-gray-light); | |
| --shade-plus-darker: var(--shade-plus-darker-light); | |
| --shade-plus-lighter: var(--shade-plus-lighter-light); | |
| --background-primary: var(--color-0); | |
| --text-normal: var(--color-90); | |
| --text-muted: var(--color-50); | |
| --text-fainter: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 15%)); | |
| --text-faintest: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 3%)); | |
| --text-accent-faint: hsla( | |
| var(--accent-h), | |
| calc(var(--accent-s) - 60%), | |
| var(--accent-l), | |
| 0.3 | |
| ); | |
| --text-selection: hsl(var(--accent-h), var(--accent-s), 96%); | |
| --opacity-translucency: 1; | |
| } | |
| .theme-light.minimal-light-contrast | |
| .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-light-contrast .status-bar, | |
| .theme-light.minimal-light-contrast .workspace-ribbon.mod-left, | |
| .theme-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-light-contrast .modal.mod-settings .vertical-tab-header, | |
| .theme-dark { | |
| --color-90: var(--color-90-dark); | |
| --color-77: var(--color-77-dark); | |
| --color-60: var(--color-60-dark); | |
| --color-50: var(--color-50-dark); | |
| --color-40: var(--color-40-dark); | |
| --color-30: var(--color-30-dark); | |
| --color-20: var(--color-20-dark); | |
| --color-10: var(--color-10-dark); | |
| --color-3: var(--color-3-dark); | |
| --color-2: var(--color-2-dark); | |
| --color-0: var(--color-0-dark); | |
| --color-accent: var(--color-accent-dark); | |
| --color-gray: var(--color-gray-dark); | |
| --shade-plus-darker: var(--shade-plus-darker-dark); | |
| --shade-plus-lighter: var(--shade-plus-lighter-dark); | |
| --background-primary: var(--color-0); | |
| --text-normal: var(--color-90); | |
| --text-muted: var(--color-50); | |
| --text-fainter: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 15%)); | |
| --text-faintest: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 3%)); | |
| --text-accent-faint: hsla( | |
| var(--accent-h), | |
| var(--accent-s), | |
| var(--accent-l), | |
| 0.25 | |
| ); | |
| --text-selection: hsl(var(--accent-h), calc(var(--accent-s) - 50%), 15%); | |
| --opacity-translucency: 1; | |
| } | |
| body, | |
| input, | |
| button, | |
| .cm-s-obsidian .cm-formatting-hashtag, | |
| .cm-s-obsidian { | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| .workspace-split.mod-root { | |
| background-color: var(--background-primary); | |
| } | |
| .workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle, | |
| .workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle { | |
| border-width: 0; | |
| } | |
| .nav-file-title, | |
| .nav-folder-title, | |
| .is-collapsed .search-result-file-title, | |
| .tag-pane-tag { | |
| color: var(--text-normal); | |
| font-weight: 500; | |
| line-height: 1; | |
| } | |
| .nav-folder-children { | |
| padding: 0; | |
| } | |
| .nav-folder-children > .nav-folder { | |
| padding: 0 10px; | |
| } | |
| .nav-file { | |
| padding: 0 10px; | |
| margin-left: 0; | |
| } | |
| .nav-file-tag { | |
| margin: 0 4px 0 0; | |
| position: static; | |
| } | |
| .nav-file-title, | |
| .nav-folder-title { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0 9px; | |
| border-radius: var(--radius-s); | |
| } | |
| .nav-file-title-content, | |
| .nav-folder-title-content { | |
| padding: 6px 0; | |
| border: none; | |
| line-height: 1; | |
| } | |
| .nav-file.is-active > .nav-file-title, | |
| .nav-file.is-active > .nav-folder-title, | |
| .nav-file.is-active > .nav-folder-collapse-indicator, | |
| .nav-folder.is-active > .nav-file-title, | |
| .nav-folder.is-active > .nav-folder-title, | |
| .nav-folder.is-active > .nav-folder-collapse-indicator { | |
| background-color: var(--shade-plus-darker); | |
| } | |
| .nav-folder-collapse-indicator { | |
| position: static; | |
| flex-grow: 0; | |
| flex-shrink: 0; | |
| width: auto; | |
| height: auto; | |
| display: flex; | |
| transform: rotate(90deg); | |
| } | |
| .is-collapsed .nav-folder-collapse-indicator { | |
| transform: rotate(0deg); | |
| } | |
| .nav-folder-title-content { | |
| flex-grow: 1; | |
| padding-left: 4px; | |
| } | |
| .nav-folder-title, | |
| .nav-file-title { | |
| border: none; | |
| display: flex; | |
| align-items: center; | |
| } | |
| .nav-file-title-content:only-child:before { | |
| padding-right: 4px; | |
| } | |
| .search-result-collapse-indicator, | |
| .search-result-file-title:hover .search-result-collapse-indicator, | |
| .side-dock-collapsible-section-header-indicator:hover, | |
| .side-dock-collapsible-section-header:hover | |
| .side-dock-collapsible-section-header-indicator, | |
| .markdown-preview-view .collapse-indicator, | |
| .tree-view-item-collapse, | |
| .is-collapsed .search-result-collapse-indicator, | |
| .nav-folder-collapse-indicator, | |
| .side-dock-collapsible-section-header-indicator, | |
| .is-collapsed .side-dock-collapsible-section-header-indicator { | |
| color: var(--text-normal); | |
| } | |
| body.plugin-sliding-panes:not(.is-fullscreen) | |
| .workspace-split.is-collapsed | |
| ~ .workspace-split.mod-root | |
| .view-header { | |
| padding-top: 0; | |
| transition: none; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .app-container | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-actions { | |
| padding-bottom: 0; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| > .view-header-title-container | |
| > .view-header-title { | |
| padding-top: 0; | |
| } | |
| .cm-s-obsidian .cm-formatting-hashtag { | |
| font-family: var(--text-editor) !important; | |
| } | |
| .cm-s-obsidian span.cm-hashtag { | |
| color: var(--text-accent); | |
| margin: 0; | |
| text-align: unset; | |
| vertical-align: unset; | |
| } | |
| span.cm-hashtag.cm-hashtag-begin { | |
| font-size: unset; | |
| border-radius: 0; | |
| padding: 0; | |
| border: none; | |
| } | |
| span.cm-hashtag.cm-hashtag-end { | |
| font-size: unset; | |
| border-radius: 0; | |
| padding: 0; | |
| border: none; | |
| } | |
| div:not(.CodeMirror-activeline) | |
| > pre.HyperMD-header | |
| .cm-formatting-header:not(:only-child) { | |
| color: transparent !important; | |
| } | |
| div:not(.CodeMirror-activeline) | |
| > pre.HyperMD-header | |
| .cm-formatting-header:not(:only-child):after { | |
| font-family: var(--text); | |
| color: var(--text-fainter); | |
| display: inline-block; | |
| padding-right: 5px; | |
| } | |
| .view-header-title, | |
| .file-embed-title, | |
| .markdown-embed-title { | |
| letter-spacing: 0; | |
| font-size: 14px; | |
| font-weight: 500; | |
| } | |
| .empty-state-title, | |
| .markdown-preview-view h1, | |
| .HyperMD-header-1, | |
| .HyperMD-header-1 *, | |
| .cm-header-1 { | |
| font-size: 32px !important; | |
| font-weight: 500 !important; | |
| } | |
| .cm-s-obsidian pre.HyperMD-header-1 { | |
| line-height: 1.4 !important; | |
| } | |
| .markdown-preview-view h2, | |
| .HyperMD-header-2 *, | |
| .HyperMD-header-2, | |
| .cm-header-2 { | |
| font-size: 28px !important; | |
| font-weight: 500 !important; | |
| } | |
| .markdown-preview-view h3, | |
| .HyperMD-header-3 *, | |
| .HyperMD-header-3, | |
| .cm-header-3 { | |
| font-weight: 500 !important; | |
| font-size: 24px !important; | |
| } | |
| .markdown-preview-view h4, | |
| .HyperMD-header-4 *, | |
| .HyperMD-header-4, | |
| .cm-header-4 { | |
| font-variant: unset; | |
| text-transform: unset; | |
| letter-spacing: unset; | |
| font-weight: 500 !important; | |
| font-size: 22px !important; | |
| } | |
| .markdown-preview-view h5, | |
| .HyperMD-header-5 *, | |
| .HyperMD-header-5, | |
| .cm-header-5 { | |
| font-variant: unset; | |
| text-transform: unset; | |
| letter-spacing: unset; | |
| font-weight: 500 !important; | |
| font-size: 20px !important; | |
| } | |
| .markdown-preview-view h6, | |
| .HyperMD-header-6 *, | |
| .HyperMD-header-6, | |
| .cm-header-6 { | |
| font-variant: unset; | |
| text-transform: unset; | |
| letter-spacing: unset; | |
| color: unset; | |
| font-weight: 500 !important; | |
| font-size: 18px !important; | |
| } | |
| .view-header-title:before { | |
| display: none; | |
| } | |
| html | |
| > body.plugin-sliding-panes-stacking | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf, | |
| body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf { | |
| box-shadow: var(--shade-plus-darker) -1px -0px !important; | |
| } | |
| html | |
| > body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header { | |
| display: flex; | |
| align-items: center; | |
| } | |
| html | |
| > body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| > .view-header-title-container | |
| > .view-header-title { | |
| line-height: 1; | |
| padding: 10px 6px; | |
| transform: translate3d(1.5px, 0, 0); | |
| } | |
| html | |
| > body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-header-title-container { | |
| display: flex; | |
| align-items: center; | |
| margin: 0 0; | |
| width: 100%; | |
| max-width: unset; | |
| } | |
| html .hider-frameless .workspace-split.mod-left-split > .workspace-tabs { | |
| padding-top: 28px; | |
| } | |
| .workspace-split:not(.mod-right-split) .workspace-tabs { | |
| background: rgba(245, 245, 245, 0.8); | |
| backdrop-filter: blur(81.5485px); | |
| background-blend-mode: hard-light; | |
| } | |
| .theme-dark .workspace-split:not(.mod-right-split) .workspace-tabs { | |
| background: rgba(40, 40, 40, 0.85); | |
| background-blend-mode: luminosity; | |
| } | |
| .titlebar { | |
| background: var(--background-primary); | |
| border-bottom: 1px solid var(--shade-plus-darker); | |
| } | |
| .cm-s-obsidian span.cm-url.cm-string:not(.cm-hmd-footnote-url) { | |
| color: var(--text-accent-faint); | |
| } | |
| .cm-s-obsidian span.cm-link { | |
| color: var(--text-accent); | |
| } | |
| .cm-s-obsidian pre.HyperMD-footnote span.cm-link.cm-hmd-footnote { | |
| color: var(--text-accent); | |
| } | |
| .cm-s-obsidian pre.HyperMD-footnote span.cm-link.cm-hmd-footnote.cm-formatting { | |
| color: var(--text-muted); | |
| } | |
| .cm-formatting-list-ul { | |
| color: var(--text-faint) !important; | |
| } | |
| .cm-formatting-list-ol { | |
| color: var(--text-normal) !important; | |
| font-weight: 500; | |
| } | |
| .cm-formatting-quote { | |
| color: transparent !important; | |
| } | |
| .cm-formatting-quote:before { | |
| margin-right: -0.6em; | |
| color: var(--color-10) !important; | |
| font-family: "ico"; | |
| content: "\edd5"; | |
| } | |
| .CodeMirror-foldgutter-open, | |
| .CodeMirror-foldgutter-folded { | |
| cursor: pointer; | |
| } | |
| .status-bar, .is-translucent .status-bar { | |
| font-size: 10px; | |
| position: absolute; | |
| right: 0; | |
| bottom: 0; | |
| background-color: var(--background-primary); | |
| border-top: 1px solid var(--shade-plus-darker); | |
| border-left: 1px solid var(--shade-plus-darker); | |
| border-top-left-radius: var(--radius-m); | |
| line-height: 1; | |
| padding: 9px 17px 9px 0; | |
| color: var(--text-muted); | |
| max-height: unset; | |
| box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); | |
| margin: 0; | |
| } | |
| .theme-dark .status-bar { | |
| border-color: var(--color-10); | |
| } | |
| .status-bar-item { | |
| padding: 0 0 0 10px; | |
| } | |
| .workspace-ribbon { | |
| border-width: 0; | |
| background: var(--background-primary); | |
| } | |
| /* ----------------------------------------- */ | |
| body { | |
| padding-top: 28px !important; | |
| } | |
| .titlebar { | |
| height: 28px !important; | |
| top: 0 !important; | |
| padding-top: 0 !important; | |
| } | |
| .titlebar-inner { | |
| height: 28px; | |
| } | |
| .titlebar-button-container { | |
| height: 28px; | |
| top: 0; | |
| } | |
| .cm-s-obsidian { | |
| font-family: "Inter"; | |
| font-size: 18px; | |
| font-weight: 400; | |
| line-height: 1.88889; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-feature-settings: "ss01", "cv05", "cv07", "case"; | |
| } | |
| .cm-s-obsidian pre.HyperMD-list-line { | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| } | |
| .cm-s-obsidian span.cm-formatting-list-ul { | |
| color: transparent !important; | |
| position: relative; | |
| } | |
| .cm-formatting-list-ul:before { | |
| line-height: 1; | |
| position: absolute; | |
| top: 50%; | |
| left: 0; | |
| display: block; | |
| transform: translate3d(-56%, -50%, 0); | |
| color: var(--text-muted); | |
| font-family: "ico"; | |
| font-size: 6px; | |
| content: "\ec9b"; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 2px solid var(--text-accent); | |
| transform: translateX(-0.5px); | |
| } | |
| .cm-hmd-list-indent > .cm-tab { | |
| display: inline-block; | |
| } | |
| .cm-hmd-list-indent > .cm-tab:after { | |
| content: " "; | |
| display: block; | |
| width: 1px; | |
| position: absolute; | |
| top: 0; | |
| transform: translate3d(-1.5px, 0, 0); | |
| background: var(--shade-plus-darker); | |
| height: 100%; | |
| } | |
| .CodeMirror-foldgutter-open, | |
| .CodeMirror-foldgutter-folded { | |
| cursor: pointer; | |
| display: flex; | |
| justify-content: center; | |
| position: relative; | |
| top: 3.5px; | |
| } | |
| .CodeMirror-foldgutter-open:after { | |
| font-family: "ico"; | |
| content: "\e9ac"; | |
| } | |
| .CodeMirror-foldgutter-folded:after { | |
| font-family: "ico"; | |
| content: "\e9b2"; | |
| } | |
| .cm-s-obsidian span.cm-formatting-link { | |
| color: var(--text-faintest); | |
| display: inline-block; | |
| padding: 0 1px; | |
| font-weight: 600; | |
| } | |
| .CodeMirror-scroll { | |
| padding-left: 1.5em; | |
| padding-right: 1.5em; | |
| } | |
| .cm-s-obsidian .CodeMirror-gutters { | |
| transform: translateX(1.5em); | |
| } | |
| .cm-s-obsidian pre.HyperMD-header > span > span:first-child:not(:only-child) { | |
| position: absolute; | |
| left: 0; | |
| transform: translate3d(-100%, 0, 0); | |
| font-size: 11px !important; | |
| display: block; | |
| height: 100%; | |
| } | |
| pre.HyperMD-header .cm-formatting-header-1:not(:only-child) { | |
| line-height: calc(32px * 1.74); | |
| } | |
| pre.HyperMD-header .cm-formatting-header-2:not(:only-child) { | |
| line-height: calc(28px * 1.87); | |
| } | |
| pre.HyperMD-header .cm-formatting-header-3:not(:only-child) { | |
| line-height: calc(24px * 1.8); | |
| } | |
| pre.HyperMD-header .cm-formatting-header-4:not(:only-child) { | |
| line-height: calc(22px * 1.86); | |
| } | |
| pre.HyperMD-header .cm-formatting-header-5:not(:only-child) { | |
| line-height: calc(20px * 1.81); | |
| } | |
| pre.HyperMD-header .cm-formatting-header-6:not(:only-child) { | |
| line-height: calc(18px * 1.75); | |
| } | |
| .cm-s-obsidian span.cm-comment { | |
| font-style: italic; | |
| } | |
| .cm-s-obsidian span.cm-quote { | |
| color: var(--text-normal); | |
| font-style: italic; | |
| } | |
| .cm-s-obsidian span.cm-builtin, | |
| .cm-s-obsidian span.cm-hr { | |
| color: transparent; | |
| } | |
| .cm-s-obsidian .HyperMD-hr-bg:after { | |
| content: " "; | |
| display: block; | |
| position: absolute; | |
| width: 100%; | |
| height: 1px; | |
| background-color: var(--text-fainter); | |
| top: 50%; | |
| } | |
| .CodeMirror-foldmarker { | |
| font-size: 0; | |
| color: transparent; | |
| } | |
| .CodeMirror-foldmarker:after { | |
| color: var(--text-accent); | |
| font-size: var(--font-normal); | |
| font-family: "ico"; | |
| content: "\ec8b"; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| > .view-header-title-container:before { | |
| display: none; | |
| } | |
| .titlebar-button-container.mod-left { | |
| display: none; | |
| } | |
| div:not(.CodeMirror-activeline) | |
| > pre.HyperMD-header | |
| .cm-formatting-header:not(:only-child) { | |
| color: transparent; | |
| } | |
| html | |
| > body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-header-icon { | |
| color: var(--color-40); | |
| display: flex; | |
| align-items: center; | |
| line-height: 1; | |
| margin: 28px 0 17px; | |
| padding: 4px 6px !important; | |
| border-radius: var(--radius-s); | |
| cursor: grab; | |
| opacity: 1; | |
| top: 0; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-header-icon:hover { | |
| color: var(--text-muted); | |
| background-color: var(--shade-plus-darker); | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .app-container | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-actions { | |
| width: 100%; | |
| margin: 0 0 47px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .view-action { | |
| cursor: pointer; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-action { | |
| color: var(--color-40); | |
| opacity: 1; | |
| border-radius: var(--radius-s); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| line-height: 1; | |
| margin: 5px 0 0 0 !important; | |
| padding: 4px 6px; | |
| } | |
| body.plugin-sliding-panes-rotate-header | |
| .workspace | |
| > .mod-root | |
| > .workspace-leaf | |
| > .workspace-leaf-content | |
| > .view-header | |
| .view-action:hover { | |
| color: var(--text-muted); | |
| background-color: var(--shade-plus-darker); | |
| } | |
| .workspace-split.mod-right-split > .workspace-leaf-resize-handle { | |
| border-left: 1px solid transparent; | |
| } | |
| .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, | |
| .workspace-split.mod-left-split > .workspace-leaf-resize-handle { | |
| border-right: transparent; | |
| } | |
| html .CodeMirror-lines { | |
| padding: 4em 0; | |
| } | |
| .workspace-tab-header, | |
| .workspace-tab-header-inner, | |
| .workspace-tab-container-before, | |
| .workspace-tab-container-after { | |
| transition: none; | |
| } | |
| .workspace-tab-header-inner { | |
| line-height: 1; | |
| padding: 0; | |
| } | |
| .workspace-tab-container-inner { | |
| background: var(--shade-plus-darker); | |
| flex-grow: 0; | |
| flex-shrink: 1; | |
| width: unset; | |
| max-width: unset; | |
| border-bottom: none; | |
| margin: 0; | |
| padding: 1px; | |
| border-radius: var(--radius-s); | |
| box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.04) | |
| } | |
| .theme-dark .workspace-tab-container-inner { | |
| background: rgba(0, 0, 0, 0.2); | |
| } | |
| .workspace-tab-header-container { | |
| height: unset; | |
| padding: 5px 10px 10px; | |
| display: flex; | |
| } | |
| .workspace-tab-header { | |
| color: var(--text-muted); | |
| cursor: pointer; | |
| opacity: 1; | |
| border-radius: var(--radius-s) !important; | |
| padding: 4px 6px; | |
| } | |
| .workspace-tab-header + .workspace-tab-header { | |
| margin-left: 1px; | |
| } | |
| .workspace-tab-header.is-active, | |
| .workspace-tab-header.is-active:hover, | |
| .workspace-tab-header:hover { | |
| color: var(--text-muted); | |
| background-color: rgba(255, 255, 255, 0.7); | |
| box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1); | |
| } | |
| .theme-dark .workspace-tab-header.is-active, | |
| .theme-dark .workspace-tab-header.is-active:hover, | |
| .theme-dark .workspace-tab-header:hover { | |
| color: var(--color-77); | |
| background-color: var(--color-20); | |
| } | |
| .workspace-tab-header-inner-icon { | |
| display: flex; | |
| } | |
| .nav-action-button, | |
| .workspace-leaf-content[data-type="search"] .nav-action-button, | |
| .workspace-leaf-content[data-type="backlink"] .nav-action-button { | |
| padding: 4px 6px; | |
| opacity: 1; | |
| margin-right: 5px; | |
| cursor: pointer; | |
| border-radius: var(--radius-s); | |
| display: flex; | |
| } | |
| .nav-action-button:hover { | |
| background-color: var(--shade-plus-darker); | |
| } | |
| .nav-buttons-container { | |
| padding: 4px 10px 1px; | |
| margin-bottom: 0px !important; | |
| justify-content: flex-start; | |
| border: 0; | |
| line-height: 1; | |
| } | |
| .nav-files-container { | |
| padding-top: 10px; | |
| } | |
| .search-input-container { | |
| width: auto; | |
| margin: 0; | |
| padding: 10px 10px; | |
| } | |
| /* --- Icons --- */ | |
| @font-face { | |
| font-family: "ico"; | |
| font-weight: normal; | |
| font-style: normal; | |
| src: url("https://unpkg.com/[email protected]/fonts/boxicons.eot"); | |
| src: url("https://unpkg.com/[email protected]/fonts/boxicons.eot") | |
| format("embedded-opentype"), | |
| url("https://unpkg.com/[email protected]/fonts/boxicons.woff2") format("woff2"), | |
| url("https://unpkg.com/[email protected]/fonts/boxicons.woff") format("woff"), | |
| url("https://unpkg.com/[email protected]/fonts/boxicons.ttf") | |
| format("truetype"), | |
| url("https://unpkg.com/[email protected]/fonts/boxicons.svg?#boxicons") | |
| format("svg"); | |
| } | |
| .view-header-icon:after, | |
| .view-action[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"]:after, | |
| .view-action[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"]:after, | |
| .view-action.mod-close-leaf:after, | |
| .view-action[aria-label="More options"]:after, | |
| .workspace-tab-header[aria-label="File explorer"] | |
| .workspace-tab-header-inner-icon:after, | |
| .workspace-tab-header[aria-label="Search"] | |
| .workspace-tab-header-inner-icon:after { | |
| font-size: 18px; | |
| } | |
| .plugin-sliding-panes-rotate-header .view-header-icon:after, | |
| .plugin-sliding-panes-rotate-header | |
| .view-action[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"]:after, | |
| .plugin-sliding-panes-rotate-header | |
| .view-action[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"]:after, | |
| .plugin-sliding-panes-rotate-header | |
| .view-action[aria-label="More options"]:after, | |
| .view-action.mod-close-leaf:after { | |
| line-height: 1; | |
| transform: rotate(-90deg); | |
| } | |
| .view-header-icon > svg, | |
| .view-action[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"] > svg, | |
| .view-action[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"] > svg, | |
| .view-action.mod-close-leaf > svg, | |
| .view-action[aria-label="More options"] > svg, | |
| .nav-folder-collapse-indicator > svg, | |
| .workspace-tab-header[aria-label="File explorer"] | |
| .workspace-tab-header-inner-icon | |
| > svg, | |
| .workspace-tab-header[aria-label="Search"] | |
| .workspace-tab-header-inner-icon | |
| > svg, | |
| .nav-action-button[aria-label="New note"] > svg, | |
| .nav-action-button[aria-label="New folder"] > svg, | |
| .nav-action-button[aria-label="Change sort order"] > svg { | |
| display: none; | |
| } | |
| .view-header-icon:after, | |
| .view-action[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"]:after, | |
| .view-action[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"]:after, | |
| .view-action.mod-close-leaf:after, | |
| .view-action[aria-label="More options"]:after, | |
| .nav-folder-collapse-indicator:after, | |
| .nav-file-title-content:only-child:before, | |
| .workspace-tab-header[aria-label="File explorer"] | |
| .workspace-tab-header-inner-icon:after, | |
| .workspace-tab-header[aria-label="Search"] | |
| .workspace-tab-header-inner-icon:after, | |
| .nav-action-button[aria-label="New note"]:after, | |
| .nav-action-button[aria-label="New folder"]:after, | |
| .nav-action-button[aria-label="Change sort order"]:after { | |
| display: inline-block; | |
| font-family: "ico"; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-variant: normal; | |
| line-height: 1; | |
| } | |
| .view-header-icon:after { | |
| content: "\ea5e"; | |
| } | |
| .view-action[aria-label="Preview (Ctrl/Cmd+Click to open in new pane)"]:after { | |
| content: "\e9f8"; | |
| } | |
| .view-action[aria-label="Edit (Ctrl/Cmd+Click to edit in new pane)"]:after { | |
| content: "\ea22"; | |
| } | |
| .view-action.mod-close-leaf:after { | |
| content: "\ebe9"; | |
| } | |
| .view-action[aria-label="More options"]:after { | |
| content: "\ea14"; | |
| } | |
| .nav-folder-collapse-indicator:after { | |
| content: "\e9b2"; | |
| } | |
| .nav-file-title-content:only-child:before { | |
| content: "\ea37"; | |
| } | |
| .workspace-tab-header[aria-label="File explorer"] | |
| .workspace-tab-header-inner-icon:after { | |
| content: "\e975"; | |
| } | |
| .workspace-tab-header[aria-label="Search"] | |
| .workspace-tab-header-inner-icon:after { | |
| content: "\eb54"; | |
| } | |
| .nav-action-button[aria-label="New note"]:after { | |
| content: "\ed12"; | |
| } | |
| .nav-action-button[aria-label="New folder"]:after { | |
| content: "\ed21"; | |
| } | |
| .nav-action-button[aria-label="Change sort order"]:after { | |
| content: "\eb78"; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment