@web-atoms/core
Version:
92 lines (82 loc) • 2.23 kB
CSS
[data-force-contain=none] {
contain: none ;
}
*[data-inline-popup=left] {
position: relative;
height: 0px;
width: 0px;
left: 0px;
& > * {
position: absolute;
left: 0px;
top: 0px;
padding: 5px;
max-height: 300px;
overflow: auto;
border-radius: 5px;
background-color: #ffffff;
z-index: 200;
box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
border: solid 1px rgba(0, 0, 0, 0.05);
}
}
*[data-inline-popup=right] {
position: absolute;
height: 0px;
width: 0px;
right: 0px;
& > * {
position: absolute;
right: 0px;
top: 0px;
padding: 5px;
max-height: 300px;
overflow: auto;
border-radius: 5px;
background-color: #ffffff;
z-index: 200;
box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
border: solid 1px rgba(0, 0, 0, 0.05);
}
}
*[data-inline-popup=inline-left] {
position: relative;
height: 0px;
width: 0px;
left: 0px;
& > * {
position: absolute;
left: 0px;
top: 0px;
padding: 5px;
max-height: 300px;
overflow: auto;
border-radius: 5px;
background-color: #ffffff;
z-index: 200;
box-shadow: rgba(50, 50, 105, 0.07) 0px 2px 5px 0px, rgba(0, 0, 0, 0.03) 0px 1px 1px 0px;;
border: solid 1px rgba(0, 0, 0, 0.05);
}
}
*[data-center-popup] {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
padding: 5px;
background-color: #ffffff;
border: solid 1px lightgray;
border-radius: 5px;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;
display: inline-block;
}
.web-atoms-popup-local {
padding: 5px;
background-color: #ffffff;
border: solid 1px lightgray;
border-radius: 5px;
box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;;
display: inline-block;
}
/*# sourceMappingURL=PopupService.global.css.map */