Danny Joris DannyJoris
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="speech-bubble"> | |
| <div class="speech-bubble__header"> | |
| Herman Melvill - Moby Dick | |
| </div> | |
| <div class="speech-bubble__text"> | |
| <p>"Wish, by gor! whale eat him, 'stead of him eat whale. I'm bressed if he ain't more of shark dan Massa Shark hisself," muttered the old man, limping away; with which sage ejaculation he went to his hammock.</p> | |
| <a href="http://www.fillerati.com/" class="speech-bubble__text--link">Read more</a> | |
| </div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="column">Column 1</div> | |
| <div class="column">Column 2</div> | |
| <div class="column">Column 3</div> | |
| <div class="column">Column 4</div> | |
| <div class="column">Column 5</div> | |
| <div class="column">Column 6</div> | |
| <div class="column">Column 7</div> | |
| <div class="column">Column 8</div> | |
| <div class="column">Column 9</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="column">Column 1</div> | |
| <div class="column">Column 2</div> | |
| <div class="column">Column 3</div> | |
| <div class="column">Column 4</div> | |
| <div class="column">Column 5</div> | |
| <div class="column">Column 6</div> | |
| <div class="column">Column 7</div> | |
| <div class="column">Column 8</div> | |
| <div class="column">Column 9</div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="post"> | |
| <div class="title">Title</div> | |
| <div class="alt-title">Alt title</div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="text/javascript"> | |
| WebFontConfig = { | |
| google: { families: [ 'Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,300,800,600:latin' ] } | |
| }; | |
| (function() { | |
| // Adding a timeout for demo purposes. (doesn't seem to get applied on sassmeister?) | |
| setTimeout(function() { | |
| var wf = document.createElement('script'); | |
| wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | |
| '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="element el1"></div> | |
| <div class="element el2"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <p class="notification confirm">Confirmation</p> | |
| <p class="notification warning">Warning</p> | |
| <p class="notification alert">Alert</p> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <div id="root"> | |
| <div id="page"> | |
| <p>Finally she picked up her basket.</p> | |
| <p>"Come along, Toto," she said. "We will go to the Emerald City and ask the Great Oz how to get back to Kansas again."</p> | |
| <p>She closed the door, locked it, and put the key carefully in the pocket of her dress. And so, with Toto trotting along soberly behind her, she started on her journey.</p> | |
| <p>There were several roads near by, but it did not take her long to find the one paved with yellow bricks. Within a short time she was walking briskly toward the Emerald City, her silver shoes tinkling merrily on the hard, yellow road-bed. The sun shone bright and the birds sang sweetly, and Dorothy did not feel nearly so bad as you might think a little girl would who had been suddenly whisked away from her own country and set down in the midst of a strange land.</p> | |
| <p>She was surprised, as she walked along, to see how pretty the country was about her. There were neat fences at the sides of the r |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class='example'> | |
| <ul> | |
| <li class='stretch-container'> | |
| <div id='stretch-full'> | |
| This element is fully stretched. | |
| </div> | |
| </li> | |
| <li class='stretch-container'> | |
| <div id='stretch-offset'> | |
| This element is stretched with a 1em offset on each side. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <p class="p1">When in the <a href="#">Southern Fishery</a>, a captured Sperm Whale, after long and weary toil, is brought alongside late at night, it is not, as a general thing at least, customary to proceed at once to the business of cutting him in. For that business is an exceedingly laborious one; is not very soon completed; and requires all hands to set about it. Therefore, the common usage is to take in <a href="#">all sail</a>; lash the helm a'lee; and then send every one <a href="#">below to his hammock till daylight</a>, with the reservation that, until that time, anchor-watches shall be kept; that is, two and two for an hour, each couple, the crew in rotation <a href="#">shall mount the deck</a> to see that all goes well.</p> | |
| <p class="p2">When in the <a href="#">Southern Fishery</a>, a captured Sperm Whale, after long and weary toil, is brought alongside late at night, it is not, as a general thing at least, customary to proceed at once to the business of cutting him in. |