Styling decoupling for Layout Resizers

[banana-three-join]

** Notes for reviewers **

• Intended to provide reusability of the Layout Resizers both in Layer5 Docs and any module which utilizes Layer5 Docs as the parent module.

Signed commits

• Yes, I signed my commits.

[gemini-code-assist]

Code Review

This pull request refactors the layout resizer styles by moving them from assets/scss/_styles_project.scss into a new dedicated stylesheet assets/scss/_layout-resizers.scss, along with minor whitespace cleanups. Feedback on these changes highlights that the new stylesheet is not imported anywhere, which will prevent the styles from being compiled, and suggests using the $primary variable instead of a hardcoded color value to maintain theme consistency.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

[gemini-code-assist]

The newly created stylesheet _layout-resizers.scss is not imported in _styles_project.scss or any other main stylesheet. This will prevent these styles from being compiled and applied to the site. Please add @import "layout-resizers.scss"; to _styles_project.scss to ensure the styles are included.

[gemini-code-assist]

Avoid hardcoding the color value #00b39f here. Since this file will be imported into the main stylesheet where $primary is defined, you should continue using the $primary variable to maintain consistency and ensure that any future theme changes propagate automatically.

Suggested change

	background-color: #00b39f;
	background-color: $primary;

[github-actions]

PR Preview Action v1.6.3
Preview removed because the pull request was closed.
2026-06-28 00:04 UTC

[banana-three-join]

Stale approach. Continued over: #1128