Default
The my account molecule. This is the not logged in state.
<div class="m-my-account ">
<div class="m-my-account__button ">
<a class="icon-profile" href="#"></a>
</div>
</div>
The my account molecule. This is the not logged in state.
<div class="m-my-account ">
<div class="m-my-account__button ">
<a class="icon-profile" href="#"></a>
</div>
</div>
The my account molecule. This is the not logged in state.
<div class="m-my-account ">
<div class="m-my-account__button m-my-account__button--logged-in ">
<span class="icon-profile" href="#"></span>
<span class="m-my-account__button__bubble icon-checkmark"></span>
</div>
<div class="m-tooltip m-tooltip--bottom m-tooltip__header m-tooltip__my-account m-my-account__bottom hide">
<button class="icon-close"></button>
<div class="m-tooltip__my-account__heading">
<h4><!--text--><span><!--text--></span></h4>
</div>
<ul class="m-tooltip__my-account__list">
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
<li class="m-tooltip__my-account__list-item"><a class="m-tooltip__my-account__link" href="<!--url-->"><!--text--></a></li>
</ul>
</div>
</div>
this is usage documentation is written in markdown