Created
September 16, 2013 19:48
-
-
Save murtaugh/6585623 to your computer and use it in GitHub Desktop.
CSS Columns
This file contains 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 { | |
display: block; | |
list-style-type: none; | |
margin-bottom: 24px; | |
-moz-column-count: 2; | |
-moz-column-gap: 24px; | |
-webkit-column-count: 2; | |
-webkit-column-gap: 24px; | |
column-count: 2; | |
column-gap: 24px; | |
} | |
.recipe-holder .columns li { | |
margin-bottom: 12px; | |
-webkit-column-break-inside:avoid; | |
-moz-column-break-inside:avoid; | |
-ms-column-break-inside:avoid; | |
-o-column-break-inside:avoid; | |
column-break-inside:avoid; | |
} |
This file contains 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
<h2>Instructions</h2> | |
<ol class="columns"> | |
<li>In a small bowl, combine orange juice, cilantro, lime juice, oil, garlic, cumin, salt and pepper; remove 1/2 cup and place in a large zip-close plastic bag. Add chicken to bag and turn to coat; seal bag and refrigerate up to 12 hours. | |
<li>Meanwhile, to make salsa, add beans, mango and onion to bowl with orange juice mixture; toss, cover and refrigerate up to 12 hours. | |
<li>When ready to cook, coat grill or grill pan with cooking spray; preheat over medium-high heat. Remove chicken from marinade; discard marinade. | |
<li>Grill chicken, turning as needed, until cooked through, about 15 to 20 minutes. | |
</ol> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The CSS assumes you don't want individual elements to break across columns. If this isn't a concern, remove all the
column-break-inside
declarations.