Improve documentation (#730)

* docs: fix "no-op" typo

* docs: add carbon-preprocess-svelte

* docs: use lg size for outbound link to source code

* docs: update copy

* docs: default to white theme

* docs(recursive-list): simplify copy

* docs(recursive-list): simplify copy

* docs: apply noGutter to installation code snippets

docs/src/pages/index.svelte

@@ -52,9 +52,13 @@
       <Column>
         <h3>Install</h3>
         <h4>Installing with yarn:</h4>
-        <CodeSnippet code="{installYarn}" />
+        <Row noGutter>
+          <CodeSnippet code="{installYarn}" />
+        </Row>
         <h4>Using npm:</h4>
-        <CodeSnippet code="{installNpm}" />
+        <Row noGutter>
+          <CodeSnippet code="{installNpm}" />
+        </Row>
       </Column>
     </Row>
     <Row>
@@ -90,6 +94,7 @@
     <Row noGutter>
       <Column xlg="{5}" lg="{8}" md="{4}">
         <TileCard
+          borderBottom
           borderRight
           title="Carbon Pictograms Svelte"
           subtitle="700+ pictograms"
@@ -99,6 +104,7 @@
       </Column>
       <Column xlg="{5}" lg="{8}" md="{4}">
         <TileCard
+          borderBottom
           title="Carbon Charts Svelte"
           subtitle="20 chart types, powered by d3"
           target="_blank"
@@ -106,5 +112,15 @@
         />
       </Column>
     </Row>
+    <Row noGutter>
+      <Column xlg="{5}" lg="{8}" md="{4}">
+        <TileCard
+          title="Carbon Preprocess Svelte"
+          subtitle="Collection of Carbon Svelte preprocessors"
+          target="_blank"
+          href="https://github.com/IBM/carbon-preprocess-svelte"
+        />
+      </Column>
+    </Row>
   </Grid>
 </Content>