js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Simplify resize observer demo

Browse Source
This commit is contained in:
Cory LaViska
2020-10-30 17:04:00 -04:00
parent 4adb6bbf04
commit 0433fe236d
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
docs/components/resize-observer.md
View File

@@ -10,7 +10,7 @@ The resize observer will report changes to the dimensions of the elements it wra
<div class="resize-observer-overview">
<sl-resize-observer>
<div>
Resize me and watch the console
Resize this box and watch the console 👉
</div>
</sl-resize-observer>
</div>
@@ -27,18 +27,11 @@ The resize observer will report changes to the dimensions of the elements it wra
<style>
.resize-observer-overview div {
display: flex;
width: 12rem;
min-height: 12rem;
min-width: 12rem;
max-width: 100%;
max-height: 50vh;
border: solid 2px var(--sl-input-border-color);
resize: both;
overflow: auto;
align-items: center;
justify-content: center;
text-align: center;
padding: 1rem;
padding: 4rem 2rem;
}
</style>
```