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

206 lines
3.6 KiB

4 years ago
@charset "utf-8";
//@import "~bulma";
/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
@import "~bulma/sass/utilities/_all";
@import "~bulma/sass/base/_all";
@import "~bulma/sass/elements/box.sass";
@import "~bulma/sass/elements/button.sass";
@import "~bulma/sass/elements/container.sass";
@import "~bulma/sass/elements/content.sass";
@import "~bulma/sass/elements/icon.sass";
@import "~bulma/sass/elements/image.sass";
@import "~bulma/sass/elements/notification.sass";
@import "~bulma/sass/elements/progress.sass";
@import "~bulma/sass/elements/table.sass";
@import "~bulma/sass/elements/tag.sass";
@import "~bulma/sass/elements/title.sass";
//@import "~bulma/sass/components/_all";
@import "~bulma/sass/components/breadcrumb.sass";
@import "~bulma/sass/components/card.sass";
@import "~bulma/sass/components/dropdown.sass";
@import "~bulma/sass/components/level.sass";
//@import "list.sass";
@import "~bulma/sass/components/media.sass";
@import "~bulma/sass/components/menu.sass";
@import "~bulma/sass/components/message.sass";
@import "~bulma/sass/components/modal.sass";
@import "~bulma/sass/components/navbar.sass";
@import "~bulma/sass/components/pagination.sass";
@import "~bulma/sass/components/panel.sass";
@import "~bulma/sass/components/tabs.sass";
4 years ago
@import "~bulma/sass/grid/_all";
@import "~bulma/sass/layout/_all";
5 years ago
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;
}
4 years ago
.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
}
4 years ago
#result-template.hidden {
display: none;
}
4 years ago
.list-item .fold {
visibility: hidden;
}
.list-item:hover .fold {
visibility: visible;
}
.list-item.editor .fold {
visibility: visible;
}
.list-item .fold {
align-self: flex-start;
font-size: 10px;
margin-top: 4px;
4 years ago
margin-right: 3px;
}
.list-item.no-children:hover .fold,
.list-item.no-children.editor .fold,
.list-item.no-children .fold {
visibility: hidden;
}
4 years ago
.list-item.no-children.fold {
color: #cccccc;
}
4 years ago
.list-item.open .fold {
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%;
4 years ago
border: 4px solid #ccc;
4 years ago
background: rgba(0, 0, 0, 0.8);
}
textarea {
box-sizing: border-box;
min-height: 19px;
overflow-x: hidden;
border: none;
resize: none;
line-height: 24px;
}
.marker:hover {
border-color: #ccc;
}
4 years ago
.list-item.open .marker {
border-color: white;
}
.list-item.no-children .marker {
border-color: white;
}
.list-item {
border: none;
padding: 2px 0px;
}
.list-item.border {
//border-left: 1px solid #ccc;
}
.input-line,
.input-line:active,
.input-line:focus {
width: 100%;
box-shadow: none;
border: none;
min-height: 19px;
word-break: break-word;
}
4 years ago
mark {
background: #ffff99;
}
.content mark::before {
content: "==";
color: #999;
}
.content mark::after {
content: "==";
color: #999;
}
.marker, .fold {
user-select: none;
}