Hacking on example components and crap

docs/source/_assets/less/main.less

@@ -19,6 +19,10 @@ a {
   }
 }
 
+svg {
+  fill: currentColor;
+}
+
 @spacing-scale:
   'px' 1px,
   '0' 0,

docs/source/_assets/less/markdown.less

@@ -1,11 +1,11 @@
-.markdown {
-  .subnav {
+.markdown, .markdown& {
+  .subnav, .subnav& {
     .flex;
     .mt-6;
     .pb-2;
     .border-b;
 
-    .subnav-link {
+    .subnav-link, .subnav-link& {
       .mr-6;
       .leading-none;
       .text-dark-soft;
@@ -13,11 +13,11 @@
     }
   }
 
-  a {
+  a, a& {
     .text-blue;
   }
 
-  p code {
+  p code, p& code& {
     .border;
     .rounded;
     .text-sm;
@@ -26,13 +26,13 @@
     color: #DD4A68;
   }
 
-  blockquote {
+  blockquote, blockquote& {
     .text-em;
     .text-dark-soft;
     .text-sm;
   }
 
-  h1 {
+  h1, h1& {
     .mb-4;
     .leading-none;
     .text-dark-softer;
@@ -41,7 +41,7 @@
     .text-blue;
   }
 
-  h2 {
+  h2, h2& {
     .mt-16;
     .mb-8;
     .text-blue;
@@ -50,7 +50,7 @@
     .text-xl;
   }
 
-  h3 {
+  h3, h3& {
     .mt-16;
     .mb-8;
     .text-dark;
@@ -59,7 +59,7 @@
     .text-lg;
   }
 
-  p {
+  p, p& {
     .mt-8;
     .mb-3;
   }