Atomic Design, Living Style Guides and the Holy Grail
•
0 likes•917 views
The document contains code snippets and references to various websites. It includes Mustache templating code with conditionals to handle rendering content differently depending on whether the Magnolia CMS is being used or a style guide. Various HTML elements like divs are used along with Mustache variables and tags. Attribution is given to Monty Python and other sources at the bottom.
Recommended
More Related Content
Similar to Atomic Design, Living Style Guides and the Holy Grail
Similar to Atomic Design, Living Style Guides and the Holy Grail (20)
More from Netcetera
More from Netcetera (20)
Recently uploaded
Recently uploaded (20)
Atomic Design, Living Style Guides and the Holy Grail
- 1. ©MontyPython
- 5. • • • •
- 7. ©sbeiy.com
- 14. ©BradFrost
- 27. • • • • • •
- 29. Atomic Design Tool: Patternlab ©http://www.rnz.de
- 33. ©MontyPython
- 36. • • • •
- 37. • • • • •
- 40. <div class="atom-choice"> {{#mgn}} ${element.name} {{/mgn}} {{^mgn}} {{linktext}} {{/mgn}} </div>
- 41. ©MontyPython
- 42. • • • • •
- 43. • {{ mustache }}
- 44. • • {{#mgn}} <!-- magnolia code --> {{/mgn}} {{^mgn}} <!– styleguide code --> {{/mgn}}
- 45. • • • {{.mgn}} {{#mgn}} <div class="recipe-for"> ${element.name} </div> {{/mgn}} {{^mgn}} <div class="disaster"> {{linktext}} </div> {{/mgn}} ©PeterJackson
- 48. ©MontyPython • •
- 49. ©MontyPython • •