inline-css icon indicating copy to clipboard operation
inline-css copied to clipboard

Support :before and content settings?

Open alinex opened this issue 9 years ago • 4 comments

I know thats way more complex but is it possible to also support the following:

div.info::before {
  content: 'Info';
  background-color: #66dd66;
}

alinex avatar Feb 15 '16 14:02 alinex

So :before is not supported, meaning it is not inlined when using inline-css?

jonkemp avatar Feb 15 '16 14:02 jonkemp

Yes my html before looks like:

...</p>
<div class="info">My text.</div>
<p>...

And after:

...</p>
<div class="info" style="background-color: #99ff99; border: 2px solid #66dd66; margin: 5px 0; padding: 30px 10px 6px 10px;">
<p style="margin-bottom: 0 !important; margin-top: 0 !important;">My text.</p>
</div>
<p>...

The added styles comes from

div.info,{
  padding: 30px 10px 6px 10px;
  margin: 5px 0;
  background-color: #99ff99;
  border: 2px solid #66dd66;
}

alinex avatar Feb 15 '16 14:02 alinex

Maybe I have to change the html beforehand and add the heading using replacements as separate html elements which will be styled normally.

alinex avatar Feb 15 '16 14:02 alinex

Related to #31.

jonkemp avatar Apr 06 '16 15:04 jonkemp