Add extractor and builder
Tested and working
This commit is contained in:
@ -5,14 +5,10 @@ tags: interactivity,intermediate
|
||||
|
||||
Reveals an interactive popout menu on hover and focus.
|
||||
|
||||
#### HTML
|
||||
|
||||
```html
|
||||
<div class="reference" tabindex="0"><div class="popout-menu">Popout menu</div></div>
|
||||
```
|
||||
|
||||
#### CSS
|
||||
|
||||
```css
|
||||
.reference {
|
||||
position: relative;
|
||||
@ -35,8 +31,6 @@ Reveals an interactive popout menu on hover and focus.
|
||||
}
|
||||
```
|
||||
|
||||
#### Demo
|
||||
|
||||
#### Explanation
|
||||
|
||||
1. `position: relative` on the reference parent establishes a Cartesian positioning context for its child.
|
||||
|
||||
Reference in New Issue
Block a user