diff --git a/libs/core-styles/src/lib/_imports/objects/o-section.css b/libs/core-styles/src/lib/_imports/objects/o-section.css index 8291709f3..8100b5424 100644 --- a/libs/core-styles/src/lib/_imports/objects/o-section.css +++ b/libs/core-styles/src/lib/_imports/objects/o-section.css @@ -67,6 +67,7 @@ Styleguide Objects.Section /* Modifers: Banner */ +.o-section--banner { overflow: hidden; } .o-section--banner[class*="o-section--layout"] { gap: 0; } .o-section--banner.container { padding-inline: 0; } .o-section--banner.o-section { padding-block: 0; } @@ -253,24 +254,6 @@ Styleguide Objects.Section -/* Tricks: Children: Banner Image */ -/* FP-1462: Extract to new banner component(s) */ - -/* To hide section overflow with minimal side effects */ -/* FAQ: Use 'clip', not 'hidden' which can affect opposite 'overflow-' value */ -/* NOTE: This selector assumes only a banner section has vertical overflow */ -/* CAVEAT: Any banner pop-out el's would NOT overflow atop sibling sections */ -[class*="o-section--style"].o-section--banner { - /* To hide vert. overflow */ - overflow-y: clip; -} -main { - /* To hide horz. overflow yet support any 'position: sticky' descendant */ - overflow-x: clip; -} - - - /* Tricks: Modifers: Style */ /* To prevent visibly extra space beneath certain sections and footer */