gulp-inline-css
gulp-inline-css copied to clipboard
Using the same property multiple times
I would like to inline the same property multiple times for a e-mail template. Is this possible and if so how?
Example:
.w100p {
display:inline-block;
vertical-align:top;
text-align:left;
width:100%;
min-width:285px;
max-width:100%;
width:-webkit-calc(230400px - 48000%);
min-width:-webkit-calc(100%);
width:calc(230400px - 48000%);
min-width:calc(100%);
}
Should result in:
<td style="display: inline-block; vertical-align:top; text-align:left; width:100%; width:calc(230400px - 48000%); min-width:285px; min-width:-webkit-calc(100%); min-width:calc(100%); max-width:100%;"></td>
It should inline the class everywhere it finds it.
@jonkemp It should but it doesn't. It takes the first value it finds.
Maybe it is a bug caused by the use of calc. Just guessing here.
@jonkemp I tested it using font-size.
@jonkemp Right, so if you have a link and a style tag both with the same styles, the external stylesheet takes precedence even though the inline styles come after it.