Nicole Tietz-Sokolskaya
e0653e4bdd
This is a big dump of a lot of code, mostly making it so that: - we have a key-value store - we can create/save/load projects and documents - there's a sidebar layout with some placeholders we may or may not need - other stuff I forgot Reviewed-on: #1
196 lines
4.8 KiB
CSS
196 lines
4.8 KiB
CSS
/* node_modules/@milkdown/theme-nord/lib/style.css */
|
|
.ProseMirror {
|
|
position: relative;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
white-space: break-spaces;
|
|
font-variant-ligatures: none;
|
|
font-feature-settings: "liga" 0;
|
|
}
|
|
.ProseMirror pre {
|
|
white-space: pre-wrap;
|
|
}
|
|
.ProseMirror li {
|
|
position: relative;
|
|
}
|
|
.ProseMirror-hideselection *::selection {
|
|
background: transparent;
|
|
}
|
|
.ProseMirror-hideselection *::-moz-selection {
|
|
background: transparent;
|
|
}
|
|
.ProseMirror-hideselection {
|
|
caret-color: transparent;
|
|
}
|
|
.ProseMirror [draggable][contenteditable=false] {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
}
|
|
.ProseMirror-selectednode {
|
|
outline: 2px solid #8cf;
|
|
}
|
|
li.ProseMirror-selectednode {
|
|
outline: none;
|
|
}
|
|
li.ProseMirror-selectednode:after {
|
|
content: "";
|
|
position: absolute;
|
|
left: -32px;
|
|
right: -2px;
|
|
top: -2px;
|
|
bottom: -2px;
|
|
border: 2px solid #8cf;
|
|
pointer-events: none;
|
|
}
|
|
img.ProseMirror-separator {
|
|
display: inline !important;
|
|
border: none !important;
|
|
margin: 0 !important;
|
|
}
|
|
.ProseMirror .tableWrapper {
|
|
overflow-x: auto;
|
|
}
|
|
.ProseMirror table {
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.ProseMirror td,
|
|
.ProseMirror th {
|
|
vertical-align: top;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.ProseMirror .column-resize-handle {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 4px;
|
|
z-index: 20;
|
|
background-color: #adf;
|
|
pointer-events: none;
|
|
}
|
|
.ProseMirror.resize-cursor {
|
|
cursor: ew-resize;
|
|
cursor: col-resize;
|
|
}
|
|
.ProseMirror .selectedCell:after {
|
|
z-index: 2;
|
|
position: absolute;
|
|
content: "";
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: #c8c8ff66;
|
|
pointer-events: none;
|
|
}
|
|
.milkdown-theme-nord blockquote {
|
|
border-left-width: 4px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(94 129 172 / var(--tw-border-opacity));
|
|
padding-left: 1rem;
|
|
font-family:
|
|
ui-serif,
|
|
Georgia,
|
|
Cambria,
|
|
Times New Roman,
|
|
Times,
|
|
serif;
|
|
font-style: normal;
|
|
}
|
|
.milkdown-theme-nord code {
|
|
font-family:
|
|
ui-monospace,
|
|
SFMono-Regular,
|
|
Menlo,
|
|
Monaco,
|
|
Consolas,
|
|
Liberation Mono,
|
|
Courier New,
|
|
monospace;
|
|
font-weight: 400;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(94 129 172 / var(--tw-text-opacity));
|
|
}
|
|
.milkdown-theme-nord pre code {
|
|
color: inherit;
|
|
}
|
|
.milkdown-theme-nord img {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
}
|
|
.milkdown-theme-nord.prose :where(blockquote):not(:where([class~=not-prose] *)) {
|
|
font-weight: 400;
|
|
}
|
|
.milkdown-theme-nord.prose :where(ol > li):not(:where([class~=not-prose] *))::marker,
|
|
.milkdown-theme-nord.prose :where(ul > li):not(:where([class~=not-prose] *))::marker {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(94 129 172 / var(--tw-text-opacity));
|
|
}
|
|
.milkdown-theme-nord.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before,
|
|
.milkdown-theme-nord.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):after {
|
|
content: "";
|
|
}
|
|
.milkdown-theme-nord.prose :where(code):not(:where([class~=not-prose] *)):before,
|
|
.milkdown-theme-nord.prose :where(code):not(:where([class~=not-prose] *)):after {
|
|
content: "";
|
|
}
|
|
.milkdown-theme-nord.prose .tableWrapper {
|
|
position: relative;
|
|
margin-bottom: .5rem;
|
|
overflow-x: auto;
|
|
}
|
|
.milkdown-theme-nord.prose table {
|
|
margin: 1rem !important;
|
|
overflow: visible !important;
|
|
font-size: .875rem;
|
|
line-height: 1.25rem;
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow:
|
|
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
var(--tw-ring-shadow, 0 0 #0000),
|
|
var(--tw-shadow);
|
|
}
|
|
@media (min-width: 640px) {
|
|
.milkdown-theme-nord.prose table {
|
|
border-radius: .5rem;
|
|
}
|
|
}
|
|
.milkdown-theme-nord.prose td,
|
|
.milkdown-theme-nord.prose th {
|
|
padding: .75rem 1.5rem !important;
|
|
}
|
|
.milkdown-theme-nord.prose tr {
|
|
border-bottom-width: 1px;
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
|
}
|
|
:is(.dark .milkdown-theme-nord.prose tr) {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(75 85 99 / var(--tw-border-opacity));
|
|
}
|
|
.milkdown-theme-nord.prose :where(td, th) p {
|
|
margin: 0 !important;
|
|
}
|
|
.milkdown-theme-nord.prose :where(td, th):nth-child(odd) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
}
|
|
:is(.dark .milkdown-theme-nord.prose :where(td, th):nth-child(odd)) {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
|
}
|
|
.milkdown-theme-nord.prose.ProseMirror .selectedCell:after {
|
|
background-color: #88c0d04d;
|
|
}
|
|
.milkdown-theme-nord.prose br[data-is-inline=true],
|
|
.milkdown-theme-nord.prose br[data-is-inline=true]:after {
|
|
content: " ";
|
|
}
|