fuzzymail/src/assets/css/email-framework.css

Responsive email template generator.

@custom-media --screen-mobile (max-width: 640px);

body,
html {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	font-family: var(--font-text);
	font-size: var(--size-text-desktop);
	line-height: var(--lineheight-text-desktop);
	mso-line-height-rule: exactly;
}

body {
	background: var(--color-gray-light);
}

* {
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	line-height: 1.35;
	font-weight: 700;
}

body,
table,
td,
a {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

table,
td {
	mso-table-lspace: 0pt;
	mso-table-rspace: 0pt;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	outline: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse !important;

	@media all and (--screen-mobile) {
		width: 100% !important;
	}

	& p {
		margin: 0;
		padding: 0;
	}
}

/* iOS Blue Links */
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
	font-size: inherit !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

/* Android center fix */
div[style*="margin: 16px 0;"] {
	margin: 0 !important;
}