Include Railroad.js files in <head>

This commit is contained in:
Eryn Wells 2022-08-18 20:18:05 -07:00
parent 4c1baa2b6d
commit a897f476e6
3 changed files with 22 additions and 6 deletions

View file

@ -1,3 +1,13 @@
:root {
--rect-fill: #fafafa;
}
@media (prefers-color-scheme: dark) {
:root {
--rect-fill: #272822;
}
}
svg.railroad-diagram path {
stroke-width: 2;
stroke: var(--body-foreground-color);
@ -7,6 +17,7 @@ svg.railroad-diagram text {
font-family: var(--monospace-font-family);
text-anchor: middle;
white-space: pre;
color: var(--body-foreground-color);
}
svg.railroad-diagram text.diagram-text {
font-size: 12px;
@ -25,8 +36,8 @@ svg.railroad-diagram g.non-terminal text {
}
svg.railroad-diagram rect {
stroke-width: 2;
stroke: black;
fill: hsl(120,100%,90%);
stroke: var(--body-foreground-color);
fill: var(--rect-fill);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
@ -35,8 +46,8 @@ svg.railroad-diagram rect.group-box {
}
svg.railroad-diagram path.diagram-text {
stroke-width: 3;
stroke: black;
fill: white;
stroke: var(--body-foreground-color);
fill: var(--body-background-color);
cursor: help;
}
svg.railroad-diagram g.diagram-text:hover path.diagram-text {