diff --git a/README.md b/README.md index f93b96e..32f8560 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,7 @@ @TODO - email wrap like phones -- ipad responsive center -- body bg -- wrap content for proper bg..? - less margin for mobile hr - - +- add foundation example # Responsive HTML email signature(s) diff --git a/dist/light/full-mail-light.html b/dist/light/full-mail-light.html index 192170a..d01bce0 100644 --- a/dist/light/full-mail-light.html +++ b/dist/light/full-mail-light.html @@ -1 +1 @@ -
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file +
Hi there,
Thanks for writing up this email.
We are delighted to reply with a responsive template.
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file diff --git a/dist/light/signature-light.html b/dist/light/signature-light.html index 6a3005a..5f1dc5e 100644 --- a/dist/light/signature-light.html +++ b/dist/light/signature-light.html @@ -1 +1 @@ -
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file +
Yours truly,
The light mail team
Call 80100100 or email us at info@light.dk
Happy Steet 31, DK-8000 Aarhus C, Denmark
light logo
\ No newline at end of file diff --git a/dist/light/signature-reply-light.html b/dist/light/signature-reply-light.html index 1bfc891..7b6f571 100644 --- a/dist/light/signature-reply-light.html +++ b/dist/light/signature-reply-light.html @@ -1 +1 @@ -
Yours truly,
The light mail team
\ No newline at end of file +
Yours truly,
The light mail team
\ No newline at end of file diff --git a/src/light/full-mail.html b/src/light/full-mail.html index 2a764c3..c8b3285 100644 --- a/src/light/full-mail.html +++ b/src/light/full-mail.html @@ -1,22 +1,28 @@ - - - - - - - - + +
- -
- -
+ +
+ + + + + + + - + - - + + + +
+ +
+ +
+
diff --git a/src/light/head.inc.html b/src/light/head.inc.html index 5573589..ed955b2 100644 --- a/src/light/head.inc.html +++ b/src/light/head.inc.html @@ -35,5 +35,23 @@ padding-left:0!important; } } + + @media only screen and (min-width:1025px){ + /* After iPad size */ + .body-with-bg{ + background-color: #F1F1F1; + } + + .body-with-bg .main{ + border:1px solid #E9E9E9!important; /* Sorry! */ + max-width:960px; + margin:0 auto; + } + + .background{ + padding:30px; + background-color: #F1F1F1; + } + } \ No newline at end of file diff --git a/src/light/light.css b/src/light/light.css index 157ab99..b43fc56 100644 --- a/src/light/light.css +++ b/src/light/light.css @@ -19,11 +19,6 @@ tr{ line-height: 20px; } -.main{ - width:100%; - background-color: #ffffff; -} - .rbcc{ /* * rbcc -> reset - border - cellspacing - cellpading @@ -35,6 +30,16 @@ tr{ cellspacing:0; } +.background{ + width:100%; +} + +.main{ + width:100%; + background-color: #ffffff; + padding-top:15px; +} + .sp{ /* Separator tr; props are actually contained by it's inner element atm. */ } .sp__inner{ @@ -52,6 +57,8 @@ tr{ border-top:none; margin-bottom:20px; margin-top:20px; + color: transparent; + background:transparent; } a{