Created
June 25, 2014 14:27
-
-
Save nternetinspired/9324c201909a0796604d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
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="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Drinking vinegar before they sold out Truffaut put a bird on it, Bushwick sustainable leggings organic mustache forage ennui YOLO kogi viral.</div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Echo Park forage kale chips beard artisan. Farm-to-table keytar gluten-free ennui, Carles fanny pack mlkshk. Drinking vinegar gentrify normcore lomo wolf yr. Chillwave Helvetica beard iPhone. </div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Paleo forage Brooklyn DIY food truck shabby chic, dreamcatcher fingerstache gastropub Neutra literally Portland. Readymade Helvetica tousled blog bespoke roof party.</div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Blue Bottle gluten-free Thundercats hoodie distillery craft beer. Meggings paleo 3 wolf moon, Vice banjo seitan shabby chic American Apparel.</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
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| .media { | |
| border: 1px solid #eee; | |
| margin: 1em; | |
| padding: 1em; | |
| &, | |
| &-content { | |
| &:before, | |
| &:after { | |
| content: " "; | |
| display: table; | |
| } | |
| &:after { | |
| clear: both; | |
| } | |
| } | |
| @media only screen and (min-width: 45em) { | |
| .media-image { | |
| float: left; | |
| margin-right: 1em; | |
| } | |
| &:nth-child(even) { | |
| .media-image { | |
| float: right; | |
| margin-left: 1em; | |
| } | |
| } | |
| } | |
| } |
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
| .media { | |
| border: 1px solid #eee; | |
| margin: 1em; | |
| padding: 1em; | |
| } | |
| .media:before, .media:after, .media-content:before, .media-content:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .media:after, .media-content:after { | |
| clear: both; | |
| } | |
| @media only screen and (min-width: 45em) { | |
| .media .media-image { | |
| float: left; | |
| margin-right: 1em; | |
| } | |
| .media:nth-child(even) .media-image { | |
| float: right; | |
| margin-left: 1em; | |
| } | |
| } |
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="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Drinking vinegar before they sold out Truffaut put a bird on it, Bushwick sustainable leggings organic mustache forage ennui YOLO kogi viral.</div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Echo Park forage kale chips beard artisan. Farm-to-table keytar gluten-free ennui, Carles fanny pack mlkshk. Drinking vinegar gentrify normcore lomo wolf yr. Chillwave Helvetica beard iPhone. </div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Paleo forage Brooklyn DIY food truck shabby chic, dreamcatcher fingerstache gastropub Neutra literally Portland. Readymade Helvetica tousled blog bespoke roof party.</div> | |
| </div> | |
| <div class="media"> | |
| <img class="media-image" src="http://placehold.it/250x150" alt="" /> | |
| <div class="media-content">Blue Bottle gluten-free Thundercats hoodie distillery craft beer. Meggings paleo 3 wolf moon, Vice banjo seitan shabby chic American Apparel.</div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment