fonteva-design-guide
Version:
## Dev, Build and Test
44 lines (37 loc) • 981 B
CSS
:host {
display: contents;
}
.pfm-input_date-range {
position: relative;
width: 100%;
display: flex;
}
.pfm-input_date-range-tile {
border: 1px solid var(--lwc-colorBorder, #d2d3d5);
border-radius: 0.25rem;
width: 100%;
display: flex;
justify-content: space-between;
}
.pfm-input_date-range.pfm-input_portal .pfm-input_date-range-tile {
padding: 9.5px 0.75rem 9.5px 1rem;
}
.pfm-input_date-range .pfm-input_date-range-tile {
padding: 5.5px 0.75rem 5.5px 1rem;
}
.pfm-input_date-range-popover {
position: absolute;
top: calc(100% + 0.125rem);
border: 1px solid var(--lwc-colorBorder, #d2d3d5);
border-radius: 0.25rem;
padding: 0.5rem 1rem;
visibility: hidden;
opacity: 0;
background-color: #ffffff;
z-index: 10;
transition: all 0.125s cubic-bezier(1, 0, 1, 1);
}
.pfm-input_date-range-popover.js-popover {
visibility: visible;
opacity: 1;
}