From 41986b0e14256bd8c041d5dc335a34e9c5bbf962 Mon Sep 17 00:00:00 2001 From: Michael Crismali Date: Wed, 18 Oct 2023 11:59:16 -0500 Subject: [PATCH] Removed some no longer used styles, added some default letter spacing --- src/styles/app.css | 1 + .../EmailTemplateComponents/Disclaimer.tsx | 3 +- src/templates/styles.tsx | 38 ++++--------------- 3 files changed, 11 insertions(+), 31 deletions(-) diff --git a/src/styles/app.css b/src/styles/app.css index 0320450b..f5c0db71 100644 --- 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 index 9530f51d..e4e4c4bd 100644 --- 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 index 6cdd3441..d9118bb2 100644 --- 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