style(contact-info): use tab indentation to match project standard
This commit is contained in:
@@ -21,46 +21,46 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
|
||||
?>
|
||||
|
||||
<section <?php echo esc_attr( $wrapper ); ?>>
|
||||
<div class="contact-info__grid">
|
||||
<div class="contact-info__details">
|
||||
<h1 class="contact-info__heading">Contact</h1>
|
||||
<div class="contact-info__grid">
|
||||
<div class="contact-info__details">
|
||||
<h1 class="contact-info__heading">Contact</h1>
|
||||
|
||||
<ul class="contact-info__items">
|
||||
<?php if ( $address ) : ?>
|
||||
<li class="contact-info__item contact-info__item--address">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-address.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<span class="contact-info__value"><?php echo wp_kses_post( $address ); ?></span>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<ul class="contact-info__items">
|
||||
<?php if ( $address ) : ?>
|
||||
<li class="contact-info__item contact-info__item--address">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-address.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<span class="contact-info__value"><?php echo wp_kses_post( $address ); ?></span>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( $email ) : ?>
|
||||
<li class="contact-info__item contact-info__item--email">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-email.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<a class="contact-info__value" href="mailto:<?php echo esc_attr( $email ); ?>"><?php echo esc_html( $email ); ?></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
<?php if ( $email ) : ?>
|
||||
<li class="contact-info__item contact-info__item--email">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-email.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<a class="contact-info__value" href="mailto:<?php echo esc_attr( $email ); ?>"><?php echo esc_html( $email ); ?></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ( $phone ) : ?>
|
||||
<li class="contact-info__item contact-info__item--phone">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-phone.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<a class="contact-info__value" href="tel:<?php echo esc_attr( $phone ); ?>"><?php echo esc_html( $phone ); ?></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
<?php if ( $phone ) : ?>
|
||||
<li class="contact-info__item contact-info__item--phone">
|
||||
<span class="contact-info__icon" aria-hidden="true">
|
||||
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-phone.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
||||
</span>
|
||||
<a class="contact-info__value" href="tel:<?php echo esc_attr( $phone ); ?>"><?php echo esc_html( $phone ); ?></a>
|
||||
</li>
|
||||
<?php endif; ?>
|
||||
</ul>
|
||||
|
||||
<div class="contact-info__form">
|
||||
<?php echo do_shortcode( '[gravityform id="1" title="false" description="false" ajax="true"]' ); ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info__form">
|
||||
<?php echo do_shortcode( '[gravityform id="1" title="false" description="false" ajax="true"]' ); ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contact-info__map" id="contact-map" aria-label="Map of downtown Winnipeg" role="region">
|
||||
<!-- Leaflet map will mount here. Pin: orange-01 + white map marker (TBD). -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info__map" id="contact-map" aria-label="Map of downtown Winnipeg" role="region">
|
||||
<!-- Leaflet map will mount here. Pin: orange-01 + white map marker (TBD). -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user