updates to main.scss

jarrettmeyer · Aug 17, 2020 · 9cfa7f1 · 9cfa7f1
1 parent 36f88d8
commit 9cfa7f1
Showing 1 changed file with 66 additions and 0 deletions.
diff --git a/css/main.scss b/css/main.scss
@@ -11,6 +11,16 @@ $header-font-size: 2rem;
 $header-padding: 1rem;
 $header-height: $header-font-size + 2 * $header-padding;
 
+$h2-font-size: 1.5rem;
+$h3-font-size: 1.3rem;
+$h4-font-size: 1.1rem;
+
+$table-border-color: #909090;
+$table-top-border: 2px solid $table-border-color;
+$table-mid-border: 1px solid $table-border-color;
+$table-bottom-border: 2px solid $table-border-color;
+$table-cell-padding: 0.25rem;
+
 @mixin flex-row-center() {
     display: flex;
     flex-direction: row;
@@ -80,11 +90,63 @@ main {
     @include sans-serif();
 }
 
+p {
+    margin-top: 1rem;
+}
+
 a {
     text-decoration: none;
     color: $link-color;
 }
 
+h2 {
+    margin-top: 2rem;
+    font-size: $h2-font-size;
+    font-weight: bold;
+    @include serif();
+}
+
+h3 {
+    margin-top: 1.5rem;
+    font-size: $h3-font-size;
+    font-weight: bold;
+    @include serif();
+}
+
+ul, ol {
+    margin-top: 1rem;
+    margin-left: 2rem;
+}
+
+table {
+    margin-top: 1rem;
+    display: table;
+    border-bottom: 1px solid #909090;
+    border-collapse: collapse;
+}
+
+th, td {
+    display: table-cell;
+    padding: $table-cell-padding;
+}
+
+thead {
+    border-top: $table-top-border;
+}
+
+tbody {
+    border-top: $table-mid-border;
+    border-bottom: $table-bottom-border;
+
+    tr {
+        background: white;
+
+        &:nth-child(odd) {
+            background: #e8e8e8;
+        }
+    }
+}
+
 .post-list {
     list-style: none;
 }
@@ -95,6 +157,10 @@ a {
     margin-bottom: 1.5rem;
     box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
 
+    transition-property: box-shadow;
+    transition-duration: 200ms;
+    transition-timing-function: ease;
+
     .post-title,
     .post-description {
         margin-bottom: 1rem;