Update CSS guidelines + Prefer rem

src/routes/components/NavRow.md

@@ -1,26 +1,56 @@
 `NavRow` works well for most horizontal navigation with less than 10 items. It can be used with paths & query params, and supports specific path level (depths).
 
-```svelte example raised
+### Query example
+
+```svelte example
 <script lang="ts">
 	import { NavRow } from 'omorphia'
 </script>
 
-<NavRow
-	level={1}
-	links={[
-		{
-			href: '/Button',
-			label: 'Button',
-		},
-		{
-			href: '/Chips',
-			label: 'Chips',
-		},
-		{
-			href: '/NavRow',
-			label: 'NavRow',
-		},
-	]}>
-	Click for fun
-</NavRow>
+<div class="card card--strip card--pad-x">
+	<NavRow
+		level={1}
+		query={'tab'}
+		links={[
+			{
+				href: '',
+				label: 'All',
+			},
+			{
+				href: 'mods',
+				label: 'Mods',
+			},
+			{
+				href: 'modpacks',
+				label: 'Modpacks',
+			},
+		]} />
+</div>
+```
+
+### Route example
+
+```svelte example
+<script lang="ts">
+	import { NavRow } from 'omorphia'
+</script>
+
+<div class="card card--strip card--pad-x">
+	<NavRow
+		level={1}
+		links={[
+			{
+				href: '/Button',
+				label: 'Button',
+			},
+			{
+				href: '/Chips',
+				label: 'Chips',
+			},
+			{
+				href: '/NavRow',
+				label: 'NavRow',
+			},
+		]} />
+</div>
 ```

src/routes/components/Pagination.md

@@ -5,5 +5,5 @@ Use pagination to show a set of page numbers and navigation directions to move t
 	import { Pagination } from 'omorphia'
 </script>
 
-<Pagination page={20} count={50} />
+<Pagination page={20} count={500} />
 ```

src/routes/components/Select.md

@@ -10,8 +10,8 @@
 		{ value: '', label: 'Relevance' },
 		{ value: 'downloads', label: 'Downloads' },
 		{ value: 'follows', label: 'Followers' },
-		{ value: 'newest', label: 'Recently' },
-		{ value: 'updated', label: 'Recently updated really fast whoot' },
+		{ value: 'newest', label: 'Recently created' },
+		{ value: 'updated', label: 'Recently updated' },
 	]}
 	bind:value={sortMethod} />
 ```