diff options
| author | johannst <johannst@users.noreply.github.com> | 2022-09-23 18:29:01 +0000 |
|---|---|---|
| committer | johannst <johannst@users.noreply.github.com> | 2022-09-23 18:29:01 +0000 |
| commit | 4e80ad2d34f307991562c364b157d1c7a502cd96 (patch) | |
| tree | e80c41d021a6425312791fdd061b953115d26c14 /web/src | |
| parent | aced495844ee447ff03d7e422c6d4628271022a7 (diff) | |
| download | notes-4e80ad2d34f307991562c364b157d1c7a502cd96.tar.gz notes-4e80ad2d34f307991562c364b157d1c7a502cd96.zip | |
deploy: 29c1b6a06f8d5c546fbd5514731c4ac4c504f6c3
Diffstat (limited to 'web/src')
| -rw-r--r-- | web/src/details.html | 13 | ||||
| -rw-r--r-- | web/src/grid-2col.html | 25 |
2 files changed, 38 insertions, 0 deletions
diff --git a/web/src/details.html b/web/src/details.html new file mode 100644 index 0000000..8bbec30 --- /dev/null +++ b/web/src/details.html @@ -0,0 +1,13 @@ +<style> +/* example: style based on attribute */ +details > summary { + color: red; +} +details[open] > summary { + color: green; +} +</style> +<details> + <summary>Some text goes here</summary> + ... some more text goes here. +</details> diff --git a/web/src/grid-2col.html b/web/src/grid-2col.html new file mode 100644 index 0000000..e353d54 --- /dev/null +++ b/web/src/grid-2col.html @@ -0,0 +1,25 @@ +<style> +.grid-2col { + display: grid; + grid-template-columns: 2fr 1fr; + gap: 1em +} +.col1 { + grid-column-start: 1; + background-color: red; + padding-left: 1em; +} +.col2 { + grid-column-start: 2; + background-color: green; + padding-left: 1em; +} +</style> +<div class="grid-2col"> + <div class="col1"> + <p>Some text in the first column.</p> + </div> + <div class="col2"> + <p>Some text in the second column.</p> + </div> +</div> |