JSFiddle

  • Media object #1 is the latest revision

    Mootools 1.4.5, HTML, SCSS, JavaScript

    <div class="media">
        <img src="http://lorempixel.com/256/160/" class="media__object" />
        <div class="media__body">
            <h4>Lorem</h4>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua ...</p></div></div>
  • CSS triangles mixin

    Mootools 1.4.5, HTML, SCSS, JavaScript

    /*
    
    Think of the directions as "from that direction".
    For eg. arrow-top means arrow from top and so on and so ...