DIFF
<div class="o-example o-example--alert o-example--error" data-o-component="o-example">
<div class="o-example__container">
<div class="o-example__content">
- <p class="o-example__highlight">Something went wrong!
+ <p class="o-example__content-main">
+ <span class="o-example__content-highlight">Something went wrong!</span>
- <span class="o-example__detail">The quick brown fox did not jump over the lazy dogs.</span>
+ <span class="o-example__content-detail">The quick brown fox did not jump over the lazy dogs.</span>
</p>
+ <p class="o-example__additional-info">Did you know that that sentence uses all of the letters in the alphabet at least once?</p>
- <p class="o-example__content-additional">Did you know that that sentence uses all of the letters in the alphabet at least once?</p>
<div class="o-example__actions">
- <a href="#" class="o-example__action--primary">Button</a>
+ <a href="#" class="o-example__actions__primary">Button</a>
- <a href="#" class="o-example__action--secondary">Text link</a>
+ <a href="#" class="o-example__actions__secondary">Text link</a>
</div>
</div>
</div>
</div>