Created
October 17, 2014 18:30
-
-
Save CheetoMao/f2c1b0243356db925ec0 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="columns"> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque fringilla eleifend. In enim mi, vulputate at pulvinar sit amet, lacinia et sem. Maecenas gravida ipsum massa, in rutrum ex facilisis vitae. Aliquam sit amet vestibulum eros, eu porta eros. Proin sollicitudin tellus in magna venenatis, in finibus libero consectetur. Vestibulum pretium pharetra mi eu commodo. Proin eu finibus ligula. Vivamus euismod interdum ex a dignissim. Aliquam porttitor nisi et pretium porta. Vivamus placerat malesuada tellus. Mauris sed hendrerit libero. Aliquam ut dapibus eros. Sed porta, eros tristique semper rutrum, tellus mauris convallis mauris, sit amet euismod mauris magna non nibh.</p> | |
| <p>Proin id pellentesque sem. Integer molestie ligula tortor, non pharetra tortor varius non. Integer sapien purus, commodo commodo imperdiet at, suscipit eu erat. Ut tincidunt fermentum justo, nec ultrices lectus egestas ac. Curabitur iaculis, turpis quis varius euismod, magna odio porttitor libero, vel gravida dui velit sit amet est. Donec rhoncus dui et quam aliquet laoreet. Praesent sodales, velit vitae luctus molestie, odio est iaculis elit, eget volutpat justo ligula eget metus. Etiam fringilla ut libero viverra lacinia. Fusce viverra gravida risus non ornare. In pretium neque dolor. Aliquam tellus ex, aliquet at velit et, ultricies ornare diam. Maecenas in pulvinar sapien, eget interdum leo.</p> | |
| </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.4.6) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .columns { | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; | |
| -webkit-column-gap: 40px; | |
| -moz-column-gap: 40px; | |
| column-gap: 40px; | |
| -webkit-column-rule: 2px outset #CCC; | |
| -moz-column-rule: 2px outset #CCC; | |
| column-rule: 2px outset #CCC; | |
| -webkit-column-width: 300px; | |
| -moz-column-width: 300px; | |
| column-width: 300px; | |
| } | |
| p { | |
| color: #333; | |
| font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; | |
| line-height: 1.6; | |
| margin: 0 0 2rem 0; | |
| } |
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
| .columns { | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; | |
| -webkit-column-gap: 40px; | |
| -moz-column-gap: 40px; | |
| column-gap: 40px; | |
| -webkit-column-rule: 2px outset #CCC; | |
| -moz-column-rule: 2px outset #CCC; | |
| column-rule: 2px outset #CCC; | |
| -webkit-column-width: 300px; | |
| -moz-column-width: 300px; | |
| column-width: 300px; | |
| } | |
| p { | |
| color: #333; | |
| font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; | |
| line-height: 1.6; | |
| margin: 0 0 2rem 0; | |
| } |
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="columns"> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla scelerisque fringilla eleifend. In enim mi, vulputate at pulvinar sit amet, lacinia et sem. Maecenas gravida ipsum massa, in rutrum ex facilisis vitae. Aliquam sit amet vestibulum eros, eu porta eros. Proin sollicitudin tellus in magna venenatis, in finibus libero consectetur. Vestibulum pretium pharetra mi eu commodo. Proin eu finibus ligula. Vivamus euismod interdum ex a dignissim. Aliquam porttitor nisi et pretium porta. Vivamus placerat malesuada tellus. Mauris sed hendrerit libero. Aliquam ut dapibus eros. Sed porta, eros tristique semper rutrum, tellus mauris convallis mauris, sit amet euismod mauris magna non nibh.</p> | |
| <p>Proin id pellentesque sem. Integer molestie ligula tortor, non pharetra tortor varius non. Integer sapien purus, commodo commodo imperdiet at, suscipit eu erat. Ut tincidunt fermentum justo, nec ultrices lectus egestas ac. Curabitur iaculis, turpis quis varius euismod, magna odio porttitor libero, vel gravida dui velit sit amet est. Donec rhoncus dui et quam aliquet laoreet. Praesent sodales, velit vitae luctus molestie, odio est iaculis elit, eget volutpat justo ligula eget metus. Etiam fringilla ut libero viverra lacinia. Fusce viverra gravida risus non ornare. In pretium neque dolor. Aliquam tellus ex, aliquet at velit et, ultricies ornare diam. Maecenas in pulvinar sapien, eget interdum leo.</p> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment