fix(aura): drive blur via @media instead of broken argument
This commit is contained in:
@@ -54,5 +54,5 @@ if ( ! $hero_intro ) {
|
||||
</section>
|
||||
|
||||
<?php
|
||||
get_template_part( 'views/partials/aura-bg', null, array( 'blur' => 'desktop' ) );
|
||||
get_template_part( 'views/partials/aura-bg' );
|
||||
get_footer();
|
||||
|
||||
@@ -110,10 +110,12 @@ main#maincontent {
|
||||
pointer-events: none;
|
||||
transform: translateZ(0);
|
||||
will-change: transform;
|
||||
filter: blur(105px);
|
||||
}
|
||||
|
||||
.aura-layer-2--mobile { filter: blur(105px); }
|
||||
.aura-layer-2--desktop { filter: blur(151px); }
|
||||
@media (min-width: 1024px) {
|
||||
.aura-layer-2 { filter: blur(151px); }
|
||||
}
|
||||
|
||||
.aura-grain {
|
||||
position: absolute;
|
||||
|
||||
@@ -14,12 +14,10 @@
|
||||
*/
|
||||
|
||||
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-layer-1"></div>
|
||||
<div class="aura-layer-2 <?php echo esc_attr( $blur ); ?>"></div>
|
||||
<div class="aura-layer-2"></div>
|
||||
<div class="aura-grain">
|
||||
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<filter id="aura-grain-filter">
|
||||
|
||||
Reference in New Issue
Block a user