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

feat: merge a new light theme

Browse Source
This commit is contained in:
charlie
2020-12-11 17:58:19 +08:00
parent 0492b28235
commit 6af12a4faf
6 changed files with 243 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,7 +4,7 @@
.block-content {
min-height: 24px;
max-width: 100%;
overflow: auto;
overflow: initial;
cursor: text;
img {
@@ -27,42 +27,97 @@
}
}
.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);
}
.ls-block {
min-height: 24px;
margin: 0 auto;
margin: 4px auto;
img {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
}
.ls-block,
.foldable-title {
max-width: var(--ls-main-content-max-width);
}
.ls-block,
.editor-wrapper {
margin-right: auto;
margin-left: auto;
}
.ls-block h1 {
font-size: 2em;
margin: 0.67em 0;
margin: 0.67em 0
}
.ls-block h2 {
font-size: 1.5em;
margin: 0.75em 0;
margin: 0.75em 0
}
.ls-block h3 {
font-size: 1.17em;
margin: 0.83em 0;
margin: 0.83em 0
}
.ls-block h4 {
margin: 1.12em 0;
margin: 1.12em 0
}
.ls-block h5 {
font-size: 0.83em;
margin: 1.5em 0;
margin: 1.5em 0
}
.ls-block h6 {
font-size: 0.75em;
margin: 1.67em 0;
margin: 1.67em 0
}
.ls-block h1,
@@ -71,6 +126,36 @@
.ls-block h4,
.ls-block h5,
.ls-block h6 {
font-weight: 600;
margin-bottom: 0;
font-weight: 600
}
/* copied from https://github.com/drdogbot7/tailwindcss-responsive-embed */
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
.embed-responsive-item,
iframe,
embed,
object,
video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
}
.embed {
border-radius: var(--ls-border-radius-low);
}
.embed-header {
font-weight: 600;
}