feat(header): refactored the blur effect to backdrop-filter and added a configuration switch (#721)

mirror of https://github.com/hugo-fixit/FixIt.git synced 2026-08-24 15:28:57 +00:00

- Removed the old blur mixin based on filter: blur, and replaced it with backdrop-filter for a more modern frosted glass effect

- Added the `params.header.blur` configuration option, allowing users to enable/disable the header blur effect

- Refactored the masking interaction of the mobile menu and search, applying the blur class to the masking element instead of the body

- Updated the header animation class name to distinguish it from custom animations and avoid conflicts with Animate.css

- Adjusted responsive breakpoints, changing `xs` to `sm` to improve mobile display

- Optimized the header background color and the background color of the fixed buttons

This commit is contained in:

Cell

2026-03-27 15:37:32 +08:00

parent cfa9bef6ac

commit 11954d833f

18 changed files with 88 additions and 53 deletions

									
										.github/copilot-instructions.md
									
		-1
	
												View File
												
				@@ -92,7 +92,6 @@ FixIt/

				   ```scss

				   @include border-radius;

				   @include transition(all 0.2s ease);

				   @include blur;

				   ```

				### 代码质量要求