horizontal.accordion
Version:
```javascript window.Math.randomRange(min, max); window.Number.prototype.toRad(); window.Math.calculateDistance(lat1, lon1, lat2, lon2); ```
26 lines (25 loc) • 689 B
CSS
:root {
--horizontal-accordion-left-height: 4vmin;
}
horizontal-accordion-left {
position: fixed;
left: 0;
top: calc(50vh - var(--horizontal-accordion-left-height) / 2);
height: var(--horizontal-accordion-left-height);
width: var(--horizontal-accordion-left-height);
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
z-index: 9999;
cursor: pointer;
transition: opacity 0.2s;
opacity: 1;
}
horizontal-accordion-left:active {
opacity: 0.5;
}
horizontal-accordion-left > * {
height: calc(var(--horizontal-accordion-left-height) / 2);
width: calc(var(--horizontal-accordion-left-height) / 2);
}