summaryrefslogtreecommitdiff
path: root/app/theme/spacing.ts
diff options
context:
space:
mode:
Diffstat (limited to 'app/theme/spacing.ts')
-rw-r--r--app/theme/spacing.ts41
1 files changed, 0 insertions, 41 deletions
diff --git a/app/theme/spacing.ts b/app/theme/spacing.ts
deleted file mode 100644
index b1b7935..0000000
--- a/app/theme/spacing.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * NOTE TO DEVS:
- *
- * Spacing should be consistent and whitespace thought of as a first class technique up
- * there with color and typefaces.
- *
- * Which type of scale you use is based on the design.
- *
- * If you've got simpler app, you may only need 6 items. Or maybe you want a spacing scale
- * to be named:
- *
- * export const spacing = {
- * tiny: 4,
- * small: 8,
- * medium: 12,
- * large: 24,
- * huge: 64
- * }
- *
- * Whatever you choose, try to stick with these, and not freestyle it everywhere.
- *
- * Feel free to delete this block.
- */
-
-/**
- * The available spacing.
- *
- * Here's the rough guideline. Customize this for you usage. It's ok to put exceptions
- * within the components themselves if they are truly exceptions.
- *
- * 0 = none - nothing. only here to bust out of a zero-based array.
- * 1 = tiny - elements contextually close to each other
- * 2 = smaller - for groups of closely related items or perhaps borders
- * 3 = small - ?
- * 4 = medium - ?
- * 5 = medium+ - ?
- * 6 = large - between groups of content that aren't related?
- * 7 = huge - ?
- * 8 = massive - an uncomfortable amount of whitespace
- */
-export const spacing = [0, 4, 8, 12, 16, 24, 32, 48, 64]