The current approach to controlling the top and bottom edges for excerpt nodes is kind of funky, relying on the use of SVGs and pseudo-elements. Some of the edge options can more readily be adapted to CSS masks than others - jagged edges and fade especially.
Currently a single .excerpt-content element contains all of the edit controls and a .wrapper element, which itself contains all of the node's children. In order to effectively use CSS masking without also cutting off edit controls, a new layer would have to be created above .excerpt-content that all of the edit controls can be moved to, so that .excerpt-content can be masked without impacting them.
Related to #2083, builds on #2110.
The current approach to controlling the top and bottom edges for excerpt nodes is kind of funky, relying on the use of SVGs and pseudo-elements. Some of the edge options can more readily be adapted to CSS masks than others - jagged edges and fade especially.
Currently a single
.excerpt-contentelement contains all of the edit controls and a.wrapperelement, which itself contains all of the node's children. In order to effectively use CSS masking without also cutting off edit controls, a new layer would have to be created above.excerpt-contentthat all of the edit controls can be moved to, so that.excerpt-contentcan be masked without impacting them.