equinox-web-components
Version:
Equinox design for the web using StencilJS
41 lines (37 loc) • 754 B
CSS
:host {
display: block;
}
.expand__content {
overflow: auto;
z-index: 0;
}
.expand-wrapper {
width: 100%;
position: relative;
}
.expand__button {
margin: 0 auto;
background: #FFFFFF;
padding: 0 12px;
height: 24px;
text-transform: uppercase;
font-size: 12px;
line-height: 150%;
border-radius: 100px;
border: none;
box-shadow: 0px 3px 5px -1px rgba(160, 174, 192, 0.2), 0px 6px 10px rgba(160, 174, 192, 0.14), 0px 1px 18px rgba(160, 174, 192, 0.12);
z-index: 2;
display: flex;
gap: 10px;
align-items: center;
}
.expand-wrapper:before {
position: absolute;
top: 12px;
left: 0;
height: 1px;
background: var(--gray-300);
width: 100%;
content: '';
z-index: -1;
}