Last active
May 15, 2019 16:43
-
-
Save lizkaraffa/fdab4b9ca1e2f350c3ee488f11800d85 to your computer and use it in GitHub Desktop.
Travel Time Markup
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<section class="tp-travel-time tp-block"> | |
<div class="tp-block__container--full"> | |
<h4 class="tp-travel-time__title">Travel Time to Next Destination</h4> | |
<div class="tp-travel-time__meta"> | |
<span class="tp-travel-time__bike"><span class="tp-svg-icon"></span><span class="tp-travel-time__content">20 minutes by bike</span></span> | |
<span class="tp-travel-time__transit"><span class="tp-svg-icon"></span><span class="tp-travel-time__content">14 mintues by <a href="#">transit</a></span></span> | |
</div> | |
</div> | |
</section> |
@jon that makes perfect sense. Yes!
Gist updated with wrapper around text span
for icon instead of div
.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
If I have to put a wrapper around the labels, would something like this be okay:
The reason would be that the block attribute for the label I think needs a clear element to select for getting/setting the value. Using
tp-travel-time__bike
would not work because we have the svg icon div within it.