about summary refs log tree commit diff
path: root/served/bits/scrap/scrap.css
diff options
context:
space:
mode:
Diffstat (limited to 'served/bits/scrap/scrap.css')
-rw-r--r--served/bits/scrap/scrap.css73
1 files changed, 73 insertions, 0 deletions
diff --git a/served/bits/scrap/scrap.css b/served/bits/scrap/scrap.css
new file mode 100644
index 0000000..c863c7b
--- /dev/null
+++ b/served/bits/scrap/scrap.css
@@ -0,0 +1,73 @@
+/* wide */
+@media (min-width: 44rem) {
+	.left {
+		float: left;
+		width: 50%;
+		margin: 0 16px 16px 0;
+	}
+
+	.right {
+		float: right;
+		width: 50%;
+		margin: 0 0 16px 16px;
+	}
+
+	.smright {
+		float: right;
+		width: 25%;
+		margin: 0 0 16px 16px;
+	}
+}
+
+/* narrow */
+@media (max-width: 44rem) {
+
+	.left,
+	.right {
+		display: block;
+		margin: 8px auto 16px auto;
+		width: min(50vh, 100%);
+	}
+
+	.smright {
+		float: right;
+		width: 96px;
+		margin: 0 0 16px 16px;
+	}
+}
+
+article {
+	overflow-y: auto;
+}
+
+article>header {
+	display: flex;
+	flex-direction: row;
+	gap: 16px;
+	padding-bottom: 8px;
+	align-items: center;
+}
+
+header>h2 {
+	margin: 0;
+}
+
+header>time,
+header>p {
+	color: var(--text-dim);
+	height: min-content;
+}
+
+header>p {
+	font-style: italic;
+	margin: 0;
+}
+
+article>p {
+	margin-top: 0;
+	margin-bottom: 16px;
+}
+
+article>p:last-of-type {
+	margin-bottom: inherit;
+}
\ No newline at end of file