refactor: harden responsive Our Work artwork
This commit is contained in:
@@ -11,6 +11,7 @@ namespace CWC;
|
||||
|
||||
$left_image = get_field( 'left_image' );
|
||||
$bottom_image = get_field( 'bottom_image' );
|
||||
$vector_url = get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg';
|
||||
|
||||
$classes = 'our-work mx-break-out mb-36';
|
||||
|
||||
@@ -31,28 +32,16 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
|
||||
|
||||
<section <?php echo wp_kses_post( $wrapper ); ?>>
|
||||
<div class="our-work__vector" aria-hidden="true">
|
||||
<div class="our-work__vector-mobile">
|
||||
<div class="our-work__vector-mobile-clip">
|
||||
<img
|
||||
class="our-work__vector-mobile-upper"
|
||||
src="<?php echo esc_url( get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg' ); ?>"
|
||||
alt=""
|
||||
loading="lazy"
|
||||
role="presentation"
|
||||
/>
|
||||
</div>
|
||||
<img
|
||||
class="our-work__vector-mobile-lower"
|
||||
src="<?php echo esc_url( get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg' ); ?>"
|
||||
alt=""
|
||||
loading="lazy"
|
||||
role="presentation"
|
||||
/>
|
||||
<div
|
||||
class="our-work__vector-mobile"
|
||||
style="<?php echo esc_attr( '--our-work-vector-image: url(' . esc_url( $vector_url ) . ');' ); ?>"
|
||||
>
|
||||
<div class="our-work__vector-mobile-clip"></div>
|
||||
</div>
|
||||
|
||||
<div class="our-work__vector-desktop">
|
||||
<img
|
||||
src="<?php echo esc_url( get_stylesheet_directory_uri() . '/views/blocks/our-work/our-work-vector.svg' ); ?>"
|
||||
src="<?php echo esc_url( $vector_url ); ?>"
|
||||
alt=""
|
||||
loading="lazy"
|
||||
role="presentation"
|
||||
|
||||
Reference in New Issue
Block a user