keith/Portfolio-2026
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aura): drive blur via @media instead of broken argument

Browse Source
This commit is contained in:
Keith Solomon
2026-08-16 12:44:15 -05:00
parent 1caef627a0
commit b0ed0d7a5a
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
archive-projects.php
+1 -1
View File
@@ -54,5 +54,5 @@ if ( ! $hero_intro ) {
</section> </section>
<?php <?php
get_template_part( 'views/partials/aura-bg', null, array( 'blur' => 'desktop' ) ); get_template_part( 'views/partials/aura-bg' );
get_footer(); get_footer();
styles/base/global.css
+4 -2
View File
@@ -110,10 +110,12 @@ main#maincontent {
pointer-events: none; pointer-events: none;
transform: translateZ(0); transform: translateZ(0);
will-change: transform; will-change: transform;
filter: blur(105px);
} }
.aura-layer-2--mobile { filter: blur(105px); } @media (min-width: 1024px) {
.aura-layer-2--desktop { filter: blur(151px); } .aura-layer-2 { filter: blur(151px); }
}
.aura-grain { .aura-grain {
position: absolute; position: absolute;
views/partials/aura-bg.php
+1 -3
View File
@@ -14,12 +14,10 @@
*/ */
namespace KsPortfolio; namespace KsPortfolio;
$blur = isset( $blur ) && 'desktop' === $blur ? 'aura-layer-2--desktop' : 'aura-layer-2--mobile';
?> ?>
<div class="aura-bg" aria-hidden="true"> <div class="aura-bg" aria-hidden="true">
<div class="aura-layer-1"></div> <div class="aura-layer-1"></div>
<div class="aura-layer-2 <?php echo esc_attr( $blur ); ?>"></div> <div class="aura-layer-2"></div>
<div class="aura-grain"> <div class="aura-grain">
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<filter id="aura-grain-filter"> <filter id="aura-grain-filter">