@ebay/skin
Version:
Skin - CSS modules that represent the brand eBay
37 lines (32 loc) • 775 B
CSS
:root {
--bubble-shadow:
0 2px 7px rgba(0, 0, 0, 0.15), 0 5px 17px rgba(0, 0, 0, 0.2);
}
.date-textbox {
--calendar-month-width: 311px;
display: inline-block;
}
.date-textbox > .textbox + .textbox {
margin-left: var(--spacing-100);
}
.date-textbox__popover {
background-color: var(
--calendar-background-color,
var(--color-background-elevated)
);
border-radius: var(--spacing-200);
box-shadow: var(--bubble-shadow);
margin-left: calc(var(--spacing-100) * -1);
padding: var(--spacing-200);
position: absolute;
z-index: 1;
}
.date-textbox__popover[hidden] {
display: none;
}
@media only screen and (max-width: 512px) {
.date-textbox__popover {
left: 0;
margin-left: 0;
}
}