No way to preserve pseduo element styling #646
Description
Given:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<style>
.container {
width: 100%;
max-width: 390px;
}
.header--h4.-left-decor {
display: inline-block;
position: relative;
}
.header--h4.-left-decor:after {
background-color: rgb(0 153 130);
bottom: -.625rem;
content: "";
height: 3px;
position: absolute;
right: 0;
width: 100vw;
}
.header--h4.-inline {
display: inline;
}
</style>
</head>
<body>
<div class="container">
<h1 class="header--h4 -left-decor -inline">Katalogi produktowe PORTA DRZWI</h1>
</div>
</body>
</html>This gets inlined as:
<!DOCTYPE html><html lang="pl"><head>
<meta charset="UTF-8">
</head>
<body>
<div class="container" style="width: 100%;max-width: 390px;">
<h1 class="header--h4 -left-decor -inline" style="display: inline;position: relative;">Katalogi produktowe PORTA DRZWI</h1>
</div>
</body></html>The styling of .header--h4.-left-decor:after: gets dropped and so that line is missing from the inlined document.