joicomponents
Version:
Design patterns to build native web components
16 lines • 771 B
HTML
<script type="module" src="GoldenPage.js"></script>
<style>
golden-page {
--min-em: 20em;
--max-em: 40em;
--column-background: white;
background: lightgrey;
display: block;
}
</style>
<golden-page fixed-length>
<h1>Hello sunshine! </h1>
<p>text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column
lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum text column lorem ipsum
</p>
</golden-page>