Email Styles
Light weight CSS framework for emails.
Need professional looking emails? Stylize your emails for Gmail, Hotmail, Outlook and more with Email Styles CSS framework.
See DEMO.
NOTE: Not all email client compatibility support certain HTML and CSS tags. Keep this in mind when preparing your email template.
Install
Copy and paste dist/style.min.css
or user node:
npm install email-styles
Usage
To use the framework, simply copy the content of the minified version, located at dist/style.min.css
, in your emails template head
section:
<html>
<head>
<style type="text/css">
<!-- COPY CONTENT FROM style.min.css HERE!!!!!! -->
</style>
</head>
</html>
Basic Structure
This is the recomended structure to use with the framework:
<html>
<head>
<style type="text/css">
<!-- COPY CONTENT FROM style.min.css HERE!!!!!! -->
</style>
</head>
<body>
<div class="container">
<div class="header">
<!-- Your logo or company name here -->
</div>
<div class="content">
<!-- Email content here -->
</div>
<div class="footer">
<!-- Copyright and links info here -->
</div>
</div>
</body>
</html>
Then use the provided CSS classes.
License
The MIT License (MIT)
Copyright (c) 2019 10Quality.