Support styling

This commit is contained in:
Misode
2020-05-29 01:36:52 +02:00
parent 95d36cd8be
commit a8fabd555b
15 changed files with 143 additions and 27 deletions

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./styles/nodes.css">
</head>
<body>
<div id="header"></div>

35
public/styles/nodes.css Normal file
View File

@@ -0,0 +1,35 @@
.node {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif
}
.list-entry:not(:last-child),
.map-entry:not(:last-child),
.object-node:not(:last-child) > .object-fields {
margin-bottom: 0.3rem;
}
.list-entry,
.map-entry,
.object-fields {
padding-left: 0.7rem;
}
.list-entry {
border-left: 2px solid #0b552a;
}
.map-fields {
border-left: 2px solid #066fb4;
}
.object-fields {
border-left: 2px solid #b9b9b9;
}
.object-node > label {
user-select: none;
}
.object-node > label.collapse {
cursor: pointer;
}