1 files changed, 98 insertions, 0 deletions
diff --git a/sass/style/style.sass b/sass/style/style.sass
new file mode 100644
index 0000000..e0afc79
--- /dev/null
+++ b/sass/style/style.sass
@@ -0,0 +1,98 @@
+
+/* sass ~~ /style/style.css */
+
+@import "common.sass"
+
+/*
+ * html native elements
+ */
+
+*
+	text-align: justify
+
+body
+	background-color: $bg
+	font-family: "monospace"
+	margin: 0 1em 0 1em
+	padding: 0
+	width: 80ch
+
+header nav
+	border-bottom: solid 2px $grey_1
+	margin-bottom: 1em
+
+footer
+	margin: 2em 0 2em 0
+	padding: .1em 0 .1em 0
+	background-color: $grey
+	p
+		text-align: center
+		max-width: none
+
+h1
+	font-size: 3em
+
+h2
+	font-size: 2em
+	margin: 1.2em 0 .6em 0
+
+h3
+	font-size: 1.3em
+
+a
+	background-color: $grey_1
+	padding: .1em
+	color: $fg
+
+a[href^="http"]
+	background: url(/images/external.svg) center right no-repeat $grey;
+	padding-right: 1em
+
+article
+	background-color: $grey
+	margin: .1em 0 .1em 0
+	padding: .2em 0 .2em 0
+
+p
+	overflow: hidden
+
+blockquote
+	min-width: 100%
+	margin: 1em 0 1em 0
+	padding: .4em
+	font-weight: 100
+	font-style: italic
+	background-color: $grey
+	border-left: solid .2em $grey_1
+
+pre
+	padding: 1em
+	border-radius: .4em
+	overflow: auto
+
+img
+	max-width: 100%
+	margin: 0 auto 0 auto
+
+time
+	display: block
+	margin-top: 1em
+
+table
+	border-collapse: collapse
+	min-width: 100%
+	display: table
+	th, td
+		border: 0 $grey_1 solid
+		padding: .4em 1em .4em 1em
+		margin: 0
+		overflow: hidden
+	tr:hover
+		background-color: $grey
+
+@media only screen and (max-width: 100ch)
+	body
+		width: 90%
+	nav *
+		display: block
+		margin: .2em 0 .2em 0