84 lines
1.6 KiB
SCSS
84 lines
1.6 KiB
SCSS
.cm-editor {
|
|
font-size: 18px;
|
|
padding: 0 20px;
|
|
--max-width: 800px;
|
|
|
|
.cm-content {
|
|
margin: auto;
|
|
max-width: var(--max-width);
|
|
}
|
|
|
|
.sb-inline-img {
|
|
max-width: calc(var(--max-width) * 0.9);
|
|
}
|
|
|
|
&.cm-focused {
|
|
outline: none !important;
|
|
}
|
|
|
|
// Indentation of follow-up lines
|
|
@mixin lineOverflow($baseIndent) {
|
|
text-indent: -1 * ($baseIndent + 2ch);
|
|
padding-left: $baseIndent + 2ch;
|
|
|
|
&.sb-line-task {
|
|
text-indent: -1 * ($baseIndent + 6ch);
|
|
padding-left: $baseIndent + 6ch;
|
|
}
|
|
|
|
&.sb-line-blockquote {
|
|
text-indent: -1 * ($baseIndent + 4ch);
|
|
padding-left: $baseIndent + 4ch;
|
|
}
|
|
}
|
|
|
|
.sb-line-ul {
|
|
&.sb-line-li-1 {
|
|
@include lineOverflow(0);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2 {
|
|
@include lineOverflow(2);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3 {
|
|
@include lineOverflow(4);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4 {
|
|
@include lineOverflow(6);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4.sb-line-li-5 {
|
|
@include lineOverflow(8);
|
|
}
|
|
}
|
|
|
|
.sb-line-ol {
|
|
&.sb-line-li-1 {
|
|
@include lineOverflow(1);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2 {
|
|
@include lineOverflow(2);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3 {
|
|
@include lineOverflow(4);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4 {
|
|
@include lineOverflow(6);
|
|
}
|
|
|
|
&.sb-line-li-1.sb-line-li-2.sb-line-li-3.sb-line-li-4.sb-line-li-5 {
|
|
@include lineOverflow(8);
|
|
}
|
|
}
|
|
|
|
.sb-line-comment {
|
|
text-indent: -1 * 3ch;
|
|
padding-left: 3ch;
|
|
}
|
|
}
|