Created
June 29, 2021 09:24
-
-
Save yshmarov/03cdf8e98d61a9243dc65db35b679cc4 to your computer and use it in GitHub Desktop.
email layout styling example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <% # frozen_string_literal: true %> | |
| <html> | |
| <head> | |
| <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> | |
| <scss> | |
| body { | |
| font-family: Helvetica, Arial, sans-serif; | |
| .message { | |
| width:600px; | |
| border-top: 2px dashed; | |
| border-bottom: 2px dashed; | |
| padding: 2rem; | |
| } | |
| .note-link { | |
| padding-bottom: 1rem; | |
| } | |
| } | |
| table { | |
| tr { | |
| th, td { | |
| text-align: left; | |
| vertical-align: top; | |
| font-family: Helvetica, Arial, sans-serif; | |
| } | |
| th { | |
| padding-right: 10px; | |
| } | |
| } | |
| &.full-width { | |
| width: 100%; | |
| } | |
| } | |
| p { | |
| &.highlight-danger { | |
| color: #dc3545; | |
| } | |
| &.highlight { | |
| color: #fd7e14; | |
| } | |
| } | |
| .highlight { | |
| color: #fd7e14; | |
| } | |
| .green { | |
| color: #28a745; | |
| } | |
| </scss> | |
| </head> | |
| <body> | |
| <%= yield %> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment