fill.css (585B)
1 @layer htmltools { 2 .html-fill-container { 3 display: flex; 4 flex-direction: column; 5 /* Prevent the container from expanding vertically or horizontally beyond its 6 parent's constraints. */ 7 min-height: 0; 8 min-width: 0; 9 } 10 .html-fill-container > .html-fill-item { 11 /* Fill items can grow and shrink freely within 12 available vertical space in fillable container */ 13 flex: 1 1 auto; 14 min-height: 0; 15 min-width: 0; 16 } 17 .html-fill-container > :not(.html-fill-item) { 18 /* Prevent shrinking or growing of non-fill items */ 19 flex: 0 0 auto; 20 } 21 }