email-styles

1.1.0 • Public • Published

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.

/email-styles/

    Package Sidebar

    Install

    npm i email-styles

    Weekly Downloads

    0

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    64.6 kB

    Total Files

    19

    Last publish

    Collaborators

    • amostajo