Added index

crates/service-webpage/css/blocks.scss

@@ -0,0 +1,144 @@
+ul {
+	list-style: none;
+	margin-top: 0.5rem;
+	margin-bottom: 0.5rem;
+}
+
+li {
+	margin-bottom: 0.25rem;
+}
+
+li p {
+	margin-bottom: 0.2rem;
+}
+
+/* Bonus space after last li */
+li:last-child {
+	margin-bottom: 3rem;
+}
+
+ul li::marker {
+	content: "> ";
+	color: var(--metaColor);
+}
+
+ul li:hover::marker {
+	content: ">> ";
+	font-weight: 1000;
+	color: var(--linkColor);
+	transition: 100ms;
+}
+
+
+.titleList li {
+	margin-bottom: .75rem;
+}
+
+
+blockquote {
+	border-left: .5rem solid var(--metaColor);
+	margin: 1rem;
+	padding: 0 0 0 1rem
+}
+
+
+textarea {
+	border: 2px dotted;
+	outline: 0;
+	resize: none;
+	overflow: auto;
+	background-color: var(--bgColor)
+}
+
+
+
+pre .wrap {
+	overflow: hidden;
+	overflow-wrap: break-word;
+	word-break: break-all;
+	white-space: pre-wrap;
+}
+
+pre :not(.wrap) {
+	padding: 1rem;
+	font-style: monospace;
+	white-space: pre;
+	overflow: scroll;
+	display: block;
+	border: solid .2rem transparent;
+	transition: 150ms;
+	counter-reset: line;
+}
+
+pre:hover {
+	border: solid .2rem var(--lightBgColor);
+}
+
+pre span:first-of-type:before {
+	border-top: 1px dashed var(--lightBgColor);
+}
+
+pre span:before {
+	counter-increment: line;
+	content: counter(line, decimal-leading-zero);
+	display: inline-block;
+	border-right: 1px solid var(--lightBgColor);
+	border-bottom: 1px dashed var(--lightBgColor);
+	padding: 0 .5em;
+	margin-right: .5em;
+	color: #888
+}
+
+p code,
+li code,
+div code {
+	padding: 0 .2rem 0 .2rem;
+	border-radius: .3rem;
+	color: var(--codeFgColor);
+	background-color: var(--codeBgColor);
+}
+
+pre code {
+	padding: 0;
+	border-radius: 0;
+	color: inherit;
+	background-color: inherit;
+}
+
+
+table {
+	table-layout: fixed;
+	width: 100%;
+	border-collapse: collapse;
+	border: none;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 1rem;
+	line-height: 1.1
+}
+
+thead th:first-child {
+	width: 20%
+}
+
+td,
+th {
+	text-align: left
+}
+
+th {
+	font-weight: 400
+}
+
+
+td,
+th {
+	padding: .5rem;
+	border: dashed .1rem var(--metaColor)
+}
+
+.metaData,
+hr,
+textarea {
+	color: var(--metaColor)
+}