Removed some no longer used styles, added some default letter spacing

newjersey · Oct 18, 2023 · 41986b0 · 41986b0
1 parent 1fc5f83
commit 41986b0
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 31 deletions.
diff --git a/src/styles/app.css b/src/styles/app.css
@@ -37,6 +37,7 @@ html {
   font-size: var(--default-font-size);
   font-weight: var(--weight-normal);
   line-height: 1.5;
+  letter-spacing: -0.44px;
 }
 
 body {

diff --git a/src/templates/EmailTemplateComponents/Disclaimer.tsx b/src/templates/EmailTemplateComponents/Disclaimer.tsx
@@ -1,6 +1,6 @@
 import React, { CSSProperties, FC } from 'react'
 import { EmailComponentProps } from './shared'
-import { Colors, Font, Spacing, SpacingCell } from '../styles'
+import { Colors, Font, Spacing, SpacingCell, StyleDefaults } from '../styles'
 import { useLocalStorageJSON } from 'src/utils/useLocalStorage'
 import { EmailBlock } from 'src/ui'
 
@@ -41,6 +41,7 @@ export const styles: CSSProperties = {
   fontSize: Font.size.tiny,
   fontWeight: Font.weight.normal,
   lineHeight: Font.lineHeight.default,
+  letterSpacing: StyleDefaults.inline.fontAndColors.letterSpacing,
   margin: 0,
   padding: 0,
   paddingBottom: Spacing.size.large,

diff --git a/src/templates/styles.tsx b/src/templates/styles.tsx
@@ -63,39 +63,17 @@ export const Spacing = {
   },
 } as const
 
-export const DefaultStyles: CSSProperties = {
-  ...Spacing.layout.paddingHorizontal,
-  backgroundColor: Colors.white,
-  color: Colors.black,
-  fontFamily: Font.family.default,
-  fontWeight: Font.weight.normal,
-  fontSize: Font.size.medium,
-  lineHeight: Font.lineHeight.default,
-}
-
-const defaultFontAndColors: CSSProperties = {
-  backgroundColor: Colors.white,
-  color: Colors.black,
-  fontFamily: Font.family.default,
-  fontWeight: Font.weight.normal,
-  fontSize: Font.size.medium,
-  lineHeight: Font.lineHeight.default,
-  letterSpacing: '-2%',
-}
-
 export const StyleDefaults = {
   layout: { narrow: 'narrow', wide: 'wide' },
   inline: {
-    fontAndColors: defaultFontAndColors,
-  },
-  inlineLayout: {
-    narrow: {
-      ...Spacing.layout.narrow,
-      ...defaultFontAndColors,
-    } as CSSProperties,
-    wide: {
-      ...Spacing.layout.wide,
-      ...defaultFontAndColors,
+    fontAndColors: {
+      backgroundColor: Colors.white,
+      color: Colors.black,
+      fontFamily: Font.family.default,
+      fontWeight: Font.weight.normal,
+      fontSize: Font.size.medium,
+      lineHeight: Font.lineHeight.default,
+      letterSpacing: '-0.44px',
     } as CSSProperties,
   },
 } as const