Phoenix Reisen Styleguide
Examples
Default styling
Ich wurde gehovered! Ich bin der Tooltip!
.tip--left
links
Ich wurde gehovered! Ich bin der Tooltip!
.tip--right
rechts
Ich wurde gehovered! Ich bin der Tooltip!
.tip--above
drüber
Ich wurde gehovered! Ich bin der Tooltip!
.tip--below
drunter
Ich wurde gehovered! Ich bin der Tooltip!
Markup
<div class="tc mv4">
    <article class="tooltip">
        Ich wurde gehovered!
        <span class="tip [modifier class] tip--visible">
            <span class="tip--colored info">
                Ich bin der Tooltip!
            </span>
        </span>
    </article>
</div>
Source: src/components/_tooltip.scss, line 40