link decoration to none, styling comments

vue-theme/src/sss/_typography.sss

@@ -27,11 +27,11 @@
         font-family: $mono
 
 a
-    /* text-decoration: none,  leave for now to show links underlined */
+    text-decoration: none  // comment out to show underline
     &:hover
         cursor: pointer
 
-h1, h2, h3, h4, h5, h6 /* common */
+h1, h2, h3, h4, h5, h6 //common attributes
     /* font-weight: 400 */
     display: block
     margin-left: 0

vue-theme/src/sss/variables.sss

@@ -15,27 +15,26 @@ $base: 0.95em
 $max-card-img-height: 420px
 $card-line-clamp: 3
 
-$ratio: $minor-third
-/* $ratio = 1.2 from _ratios.sss */
-
-$ms-0: calc($base)
-$ms--1: calc($ms-0 / $ratio)
-$ms--2: calc($ms--1 / $ratio)
-$ms--3: calc($ms--2 / $ratio)
-$ms--4: calc($ms--3 / $ratio)
-$ms--5: calc($ms--4 / $ratio)
-$ms--6: calc($ms--5 / $ratio)
-$ms--7: calc($ms--6 / $ratio)
-
-$ms-1: calc($ms-0 * $ratio)
-$ms-2: calc($ms-1 * $ratio)
-$ms-3: calc($ms-2 * $ratio)
-$ms-4: calc($ms-3 * $ratio)
-$ms-5: calc($ms-4 * $ratio)
-$ms-6: calc($ms-5 * $ratio)
-$ms-7: calc($ms-6 * $ratio)
-$ms-8: calc($ms-7 * $ratio)
-$ms-9: calc($ms-8 * $ratio)
+$ratio: $minor-third // $ratio = 1.2 from _ratios.sss
+
+$ms-0: calc($base) // 0.95em
+$ms--1: calc($ms-0 / $ratio) // 0.79
+$ms--2: calc($ms--1 / $ratio) // 0.66
+$ms--3: calc($ms--2 / $ratio) // 0.55
+$ms--4: calc($ms--3 / $ratio) // 0.45
+$ms--5: calc($ms--4 / $ratio) // 0.38
+$ms--6: calc($ms--5 / $ratio) // 0.31
+$ms--7: calc($ms--6 / $ratio) // 0.27
+
+$ms-1: calc($ms-0 * $ratio) // 1.14
+$ms-2: calc($ms-1 * $ratio) // 1.368
+$ms-3: calc($ms-2 * $ratio) // 1.6416
+$ms-4: calc($ms-3 * $ratio) // 1.9699
+$ms-5: calc($ms-4 * $ratio) // 2.3639
+$ms-6: calc($ms-5 * $ratio) // 2.8366
+$ms-7: calc($ms-6 * $ratio) // 3.4040
+$ms-8: calc($ms-7 * $ratio) // 4.0848
+$ms-9: calc($ms-8 * $ratio) // 4.9018
 
 /* Fonts */
 $sans: 'Questrial', sans-serif