before/after only

This commit is contained in:
TreetopFlyer 2021-08-09 10:41:55 -04:00
parent ae21e31f83
commit 5e8aae48fa

View File

@ -273,23 +273,18 @@ h2[data-spy='true']::before, h2[data-spy='true']::after
display: flex;
width:50%;
}
.Part
.Filler::before, .Filler::after
{
content:" ";
display:block;
height:1em;
flex:1;
height:100px;
background:red;
}
.Part.Middle
{
flex:0 0 auto;
background:orange;
}
</style>
<div class="Filler">
<div class="Part Cap Top"></div>
<div class="Part Middle">Random content</div>
<div class="Part Cap Bottom"></div>
Random Content
</div>
<style>