clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-30 17:06:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: separated css modules from common style

Browse Source
This commit is contained in:
charlie
2020-12-14 21:13:12 +08:00
parent 2e30872f61
commit 8a440e910a
28 changed files with 933 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/main/frontend/components/block.css
View File

@@ -12,7 +12,33 @@
}
}
.block-body {
blockquote:first-child,
pre:first-child {
margin-top: 8px;
margin-bottom: 8px;
}
}
.block-children {
border-left: 2px solid;
border-left-color: var(--ls-guideline-color, #ddd);
}
.block-ref {
color: var(--ls-link-text-color);
&:hover {
color: var(--ls-link-text-hover-color)
}
}
.page-ref {
color: var(--ls-link-ref-text-color);
&:hover {
color: var(--ls-link-ref-text-hover-color);
}
}
.embed-page {
@@ -27,48 +53,8 @@
}
}
.color-level {
background-color: var(--color-level-1);
}
.color-level .color-level {
background-color: var(--color-level-2);
}
.color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
.blocks-properties {
background-color: var(--ls-block-properties-background-color, #f0f8ff);
}
.ls-block {
@@ -128,6 +114,86 @@
font-weight: 600
}
.color-level {
background-color: var(--color-level-1);
}
.color-level .color-level {
background-color: var(--color-level-2);
}
.color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-3);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-4);
}
.color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level .color-level {
background-color: var(--color-level-5);
}
.bullet-container {
display: flex;
height: 13px;
width: 13px;
border-radius: 50%;
justify-content: center;
align-items: center;
.bullet-heading {
background-color: var(--ls-block-bullet-color, #8fbc8f);
}
.bullet {
border-radius: 50%;
width: 5px;
height: 5px;
background-color: var(--ls-block-bullet-color, #394b59);
}
&.bullet-closed {
background-color: var(--ls-block-bullet-border-color, #ced9e0);
}
}
.doc-mode {
margin-left: -16px;
.block-children {
border-left: none;
}
.hide-inner-bullet .bullet {
display: none;
}
}
/* copied from https://github.com/drdogbot7/tailwindcss-responsive-embed */
.embed-responsive {
position: relative;