Prechoster: Lactopedia "Milk" article https://cohost.org/ticky/post/917882-div-h1-style-mar

document-4.json

{"modules":[{"id":"d21e57cc68de7f5a","data":{"contents":"<div class=\"header\">\n<h1>Lactopedia</h1>\n<p>The free, dairy encyclopaedia that <a href=\"https://gist.github.com/ticky/63aa6f8c7e3c59f403268822bac65e77\">anyone can edit</a></p>\n</div>\n<div class=\"body\">\n  <h2>Milk</h2>\n  <ul class=\"tabs\">\n    <li class=\"active\">Canon</li>\n    <li>Legends</li>\n  </ul>\n  <p><b>Milk</b> was a nutritious <a href=\"\">liquid</a> produced and secreted by the <a href=\"\">females</a> of certain species. While milk was typically white, the rest of this sentence shouldn't show up on your screen I hope, hello to screen reader users.</p>\n</div>","language":"html"},"pluginId":"source.text","sends":["a13ec312d06590d7"],"namedSends":{},"graphPos":null},{"id":"976f4d0d69e843b8","data":{"contents":".header {\n  h1 {\n    margin:0;\n  }\n  p {\n    margin: 0;\n  }\n}\n.body {\n  border-top: 1px solid;\n  border-left: 1px solid;\n  padding: 0.5em 1em;\n  margin-bottom:-1rem;\n\n  h2 {\n    margin:0;\n  }\n\n  p {\n    height:2.5em;\n    overflow-y:hidden;\n    margin-bottom:-0.5em;\n  }\n}\nul.tabs {\n  list-style: none;\n  list-style-type: none;\n  margin:0;\n  padding:0;\n  display:flex;\n  border-bottom: 3px solid navy;\n\n  li {\n    margin:0;\n    padding: 0 0.5em;\n    border-radius: 0.5em 0.5em 0 0;\n    background-color: skyblue;\n    font-variant: small-caps;\n    cursor: pointer;\n\n    &.active {\n      background-color: navy;\n      color: white;\n    }\n  }\n}"},"pluginId":"source.lesscss","sends":["a13ec312d06590d7"],"namedSends":{},"graphPos":null},{"id":"a13ec312d06590d7","data":{"mode":"attr"},"pluginId":"transform.style-inliner","sends":["output"],"namedSends":{},"graphPos":null}]}