docs: add mobile support + seo

2022-03-30 18:36:13 -07:00
parent 59b3cfee66
commit baef94f14a
13 changed files with 223 additions and 140 deletions
--- a/src/lib/components/CheckboxVirtualList.svelte
+++ b/src/lib/components/CheckboxVirtualList.svelte
@@ -43,16 +43,3 @@
        </Checkbox>
    </div>
 </VirtualList>
-
-<style lang="postcss">
-    .checkbox-list {
-        display: flex;
-        flex-direction: column;
-
-        &.wrap {
-            flex-direction: row;
-            flex-wrap: wrap;
-            grid-gap: 2rem;
-        }
-    }
-</style>
--- a/src/lib/styles/variables/queries.postcss
+++ b/src/lib/styles/variables/queries.postcss
@@ -0,0 +1,4 @@
+@custom-media --sm (min-width: 544px);
+@custom-media --md (min-width: 768px);
+@custom-media --lg (min-width: 1012px);
+@custom-media --xl (min-width: 544px);
--- a/src/lib/styles/variables/spacing.postcss
+++ b/src/lib/styles/variables/spacing.postcss
@@ -1,4 +1,5 @@
 :root {
+
         /* these are values for the display CSS property */
        /*
       --display-values: (