WIP

1 files changed, 86 insertions, 7 deletions

diff --git a/src/css/imports/_cms.css b/src/css/imports/_cms.css
index e82565e..a259cd2 100644
--- a/src/css/imports/_cms.css
+++ b/src/css/imports/_cms.css
@@ -1,13 +1,92 @@
 .cms {
-  & h1, h2, h3, h4, h5, h6 {
-    font-weight: bold;
+
+	/* Headings */
+	& h1, & h2, & h3, & h4, & h5, & h6 {
+		font-weight: bold;
+		line-height: 1.25;
+    margin-bottom: var(--spacing-small);
   }
-  & a {
+
+  & h1 {
+    font-size: 2.25rem;
+  }
+
+  & h2 {
+    font-size: 1.5rem;
+  }
+
+  & h3 {
+    font-size: 1.25rem;
+  }
+
+  & h4 {
+    font-size: 1rem;;
+  }
+
+  & h5 {
+    font-size: .875rem;
+  }
+
+	/* Links */
+	& a {
+		color: var(--primary);
+		transition: var(--hover-transition);
+		&:hover {
+			background-color: var(--highlight);
+			color: var(--black);
+		}
+	}
+
+	/* Lists */
+	& ul, & ol, & li {
+		position: relative;
+	}
+
+	& ul, & ol {
+		margin-bottom: var(--spacing-medium);
+	}
+
+	& ul ul, & ol ol {
+		padding-left: var(--spacing-small);
+	}
+
+	& ul {
+		margin-left: 1.33rem;
+		& >li:before {
+			content: '★';
+			left: -1.33rem;
+			position: absolute;
+			color: var(--primary);
+		}
+	}
+
+	& ol {
+		list-style: none;
+		margin-left: var(--spacing-medium);
+		counter-reset: i 0;
+    & >li:before {
+      font-weight: 800;
+      left: -var(--spacing-medium);
+      position: absolute;
+      height: 100%;
+      content: counter(i);
+      counter-increment: i;
+      color: var(--primary);
+    }
+	}
+
+  /* Blockquotes */
+  & blockquote {
+    background-color: var(--grey-1);
+    display: block;
+    border-radius: var(--border-radius);
+    padding: var(--spacing-medium);
     color: var(--primary);
-    transition: var(--hover-transition);
-    &:hover {
-      background-color: var(--highlight);
-      color: var(--black);
+    font-weight: 700;
+    font-size: 1.25rem;;
+    margin-bottom: var(--spacing-medium);
+    & p {
+      margin: 0;
     }
   }
 }