Created
September 22, 2015 15:55
-
-
Save al-the-x/2257dd0218af40717b12 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
| <h1>Nested Accordion</h1> | |
| <ul class="accordion"> | |
| <li> | |
| <h3>Oat cake tootsie roll</h3> | |
| <section> | |
| <p> | |
| Jelly sweet roll dragée gummies. Jelly-o cotton candy gingerbread. Dessert tart bear claw gummi bears I love oat cake cotton candy sesame snaps carrot cake. Croissant marshmallow tiramisu icing soufflé chocolate cake. I love pie icing. Sweet I love sweet roll cheesecake dessert. Tiramisu gingerbread I love. Muffin chocolate cake powder cheesecake oat cake tootsie roll candy soufflé. Brownie toffee powder tiramisu. Wafer I love jujubes croissant. Chocolate cake candy jujubes tootsie roll bonbon toffee I love. Topping candy jelly-o. Halvah faworki I love I love toffee pastry icing chupa chups. Pie gingerbread candy canes oat cake. | |
| </p> | |
| <ul class="accordion"> | |
| <li> | |
| <h4>DONUT PASTRY</h4> | |
| <p> | |
| Gingerbread cotton candy halvah gingerbread. Apple pie wypas liquorice I love chocolate cake I love. Jelly cotton candy wypas lemon drops. Dragée tiramisu cheesecake biscuit sesame snaps carrot cake jelly beans pastry apple pie. Chocolate cake cotton candy candy canes brownie ice cream. Muffin chocolate cake jelly-o cake pudding. Jujubes I love cookie. I love cupcake I love bear claw sweet croissant. Wypas bonbon chocolate cake bonbon bear claw gummies. Liquorice danish jelly tootsie roll. I love danish icing lemon drops dessert pie jujubes. Fruitcake wafer I love biscuit. Donut pastry apple pie sugar plum soufflé ice cream tart bonbon candy. | |
| </p> | |
| </li> | |
| </ul> | |
| </section> | |
| </li> | |
| <li> | |
| <h3>Cream gummi bears</h3> | |
| </li> | |
| <li> | |
| <h3>Jelly marzipan sugar plum</h3> | |
| </li> | |
| <li> | |
| <h3>Danish soufflé</h3> | |
| </li> | |
| <li> | |
| <h3>Jujubes bear claw topping</h3> | |
| </li> | |
| </ul><!-- END .accordion --> |
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.14) | |
| // Compass (v1.0.3) | |
| // ---- | |
| h1, h3, h4 { | |
| color: cornflowerblue; | |
| span { | |
| font-size: 0; | |
| } | |
| } | |
| .accordion { | |
| h3, h4 { | |
| cursor: pointer; | |
| } | |
| /** | |
| * Because Dave will kill me if | |
| * I use a <div> here... | |
| */ | |
| section { | |
| color: lightgray; | |
| // display: none; | |
| } | |
| } |
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
| h1, h3, h4 { | |
| color: cornflowerblue; | |
| } | |
| h1 span, h3 span, h4 span { | |
| font-size: 0; | |
| } | |
| .accordion { | |
| /** | |
| * Because Dave will kill me if | |
| * I use a <div> here... | |
| */ | |
| } | |
| .accordion h3, .accordion h4 { | |
| cursor: pointer; | |
| } | |
| .accordion section { | |
| color: lightgray; | |
| } |
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
| <h1>Nested Accordion</h1> | |
| <ul class="accordion"> | |
| <li> | |
| <h3>Oat cake tootsie roll</h3> | |
| <section> | |
| <p> | |
| Jelly sweet roll dragée gummies. Jelly-o cotton candy gingerbread. Dessert tart bear claw gummi bears I love oat cake cotton candy sesame snaps carrot cake. Croissant marshmallow tiramisu icing soufflé chocolate cake. I love pie icing. Sweet I love sweet roll cheesecake dessert. Tiramisu gingerbread I love. Muffin chocolate cake powder cheesecake oat cake tootsie roll candy soufflé. Brownie toffee powder tiramisu. Wafer I love jujubes croissant. Chocolate cake candy jujubes tootsie roll bonbon toffee I love. Topping candy jelly-o. Halvah faworki I love I love toffee pastry icing chupa chups. Pie gingerbread candy canes oat cake. | |
| </p> | |
| <ul class="accordion"> | |
| <li> | |
| <h4>DONUT PASTRY</h4> | |
| <p> | |
| Gingerbread cotton candy halvah gingerbread. Apple pie wypas liquorice I love chocolate cake I love. Jelly cotton candy wypas lemon drops. Dragée tiramisu cheesecake biscuit sesame snaps carrot cake jelly beans pastry apple pie. Chocolate cake cotton candy candy canes brownie ice cream. Muffin chocolate cake jelly-o cake pudding. Jujubes I love cookie. I love cupcake I love bear claw sweet croissant. Wypas bonbon chocolate cake bonbon bear claw gummies. Liquorice danish jelly tootsie roll. I love danish icing lemon drops dessert pie jujubes. Fruitcake wafer I love biscuit. Donut pastry apple pie sugar plum soufflé ice cream tart bonbon candy. | |
| </p> | |
| </li> | |
| </ul> | |
| </section> | |
| </li> | |
| <li> | |
| <h3>Cream gummi bears</h3> | |
| </li> | |
| <li> | |
| <h3>Jelly marzipan sugar plum</h3> | |
| </li> | |
| <li> | |
| <h3>Danish soufflé</h3> | |
| </li> | |
| <li> | |
| <h3>Jujubes bear claw topping</h3> | |
| </li> | |
| </ul><!-- END .accordion --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment