|
@@ -50,10 +50,30 @@
|
|
|
|
|
|
|
|
<div class="show-case">
|
|
<div class="show-case">
|
|
|
<div class="media">
|
|
<div class="media">
|
|
|
- <h1 class="media__title">The embedding media with a longer title than expected</h1>
|
|
|
|
|
|
|
+ <h1 class="media__title">The media with a longer title than expected but with spaces</h1>
|
|
|
<ul class="media__decoration">
|
|
<ul class="media__decoration">
|
|
|
<li>Stuff</li>
|
|
<li>Stuff</li>
|
|
|
- <li>Other stuff</li>
|
|
|
|
|
|
|
+ <li>OtherStuff</li>
|
|
|
|
|
+ <li>StuffThatDoesNotBreak</li>
|
|
|
|
|
+ <li>Other long long stuff</li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ <div class="media__body">
|
|
|
|
|
+ <p class="media__text">
|
|
|
|
|
+ voluptatem est hic nam ea qui consequuntur maiores necessitatibus aut cum sit quae
|
|
|
|
|
+ quia aspernatur ea enim aut pariatur illo
|
|
|
|
|
+ </p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <p class="media__footer">Footer stuff</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="show-case">
|
|
|
|
|
+ <div class="media">
|
|
|
|
|
+ <h1 class="media__title">http://www.a-long-url-that-doesnot-break.com/</h1>
|
|
|
|
|
+ <ul class="media__decoration">
|
|
|
|
|
+ <li>Stuff</li>
|
|
|
|
|
+ <li>OtherStuff</li>
|
|
|
|
|
+ <li>StuffThatDoesNotBreak</li>
|
|
|
<li>Other long long stuff</li>
|
|
<li>Other long long stuff</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
<div class="media__body">
|
|
<div class="media__body">
|