Files
docmost/packages/transactional/css/styles.ts
Philipinho 4c573b9bc2 email integration
* Nest email module with smtp, postmark and console log drivers
* react-email package
2024-05-02 03:12:40 +01:00

54 lines
1.2 KiB
TypeScript

export const fontFamily = "HelveticaNeue,Helvetica,Arial,sans-serif";
export const main = {
backgroundColor: "#edf2f7",
fontFamily,
};
export const container = {
maxWidth: "580px",
margin: "30px auto",
backgroundColor: "#ffffff",
borderColor: "#e8e5ef",
borderRadius: "2px",
borderWidth: "1px",
boxShadow: "0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015)",
};
export const content = {
padding: "5px 20px 10px 20px",
};
export const paragraph = {
fontFamily:
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
color: "#333",
lineHeight: 1.5,
fontSize: 14,
};
export const h1 = {
color: "#333",
fontFamily:
"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",
fontSize: "24px",
fontWeight: "bold",
padding: "0",
};
export const logo = {
display: "flex",
justifyContent: "center",
alingItems: "center",
padding: 4,
};
export const link = {
textDecoration: "underline",
};
export const footer = {
maxWidth: "580px",
margin: "0 auto",
};