You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
wiki/editor/src/styles.scss

161 lines
2.1 KiB

5 years ago
@import "~bulma";
html {
font-family: 'Inter', sans-serif;
}
body {
font-family: 'Inter', sans-serif;
}
.input-line {
font-family: 'Inter', sans-serif;
}
.content a.wiki-link::before {
content: "[[";
color: #ccc;
}
.content a.wiki-link::after {
content: "]]";
color: #ccc;
}
@supports (font-variation-settings: normal) {
html {
font-family: 'Inter var', sans-serif;
}
body {
font-family: 'Inter var', sans-serif;
}
.input-line {
font-family: 'Inter var', sans-serif;
}
}
5 years ago
#editor {
}
#save-indicator {
5 years ago
position: fixed;
top: 0;
left: 0;
background: lightskyblue;
font-weight: bold;
color: white;
padding: 3px;
z-index: 50;
5 years ago
}
5 years ago
#autocomplete.hidden {
5 years ago
display: none;
5 years ago
}
#result-template.hidden {
display: none;
}
.fold {
align-self:flex-start;
font-size: 11px;
margin-top: 4px;
}
.fold.no-children {
color: #cccccc;
}
.fold.open {
transform: rotate(90deg);
}
.root .list-item.hidden {
border: none;
padding: 0;
margin: 0;
height: 0;
overflow: hidden;
}
5 years ago
.marker {
display: inline-block;
width: 16px;
height: 16px;
align-self: first baseline;
flex-shrink: 0;
margin-right: 4px;
margin-top: 4px;
border-radius: 50%;
border: 4px solid white;
background: black;
}
textarea {
box-sizing: border-box;
min-height: 19px;
overflow-x: hidden;
border: none;
resize: none;
line-height: 24px;
}
.marker:hover {
border-color: #ccc;
}
.list-item {
border: none;
padding: 2px 0px;
}
.input-line,
.input-line:active,
.input-line:focus {
width: 100%;
box-shadow: none;
border: none;
min-height: 19px;
word-break: break-word;
}
5 years ago
.codex-editor .icon {
5 years ago
align-items: initial;
display: initial;
justify-content: initial;
height: initial;
width: initial;
5 years ago
}
.codex-editor h1.ce-header {
5 years ago
@extend .title;
@extend .title.is-1;
5 years ago
}
.codex-editor h2.ce-header {
5 years ago
@extend .title;
@extend .is-2;
5 years ago
}
.codex-editor h3.ce-header {
5 years ago
@extend .title;
@extend .is-3;
5 years ago
}
.codex-editor h4.ce-header {
5 years ago
@extend .title;
@extend .is-4;
5 years ago
}
.codex-editor h5.ce-header {
5 years ago
@extend .title;
@extend .is-5;
5 years ago
}
.codex-editor h6.ce-header {
5 years ago
@extend .title;
@extend .is-6;
5 years ago
}