@primeuix/styles
Version:
68 lines (59 loc) • 1.98 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-scrollpanel-content-container {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
float: left;
}
.p-scrollpanel-content {
height: calc(100% + calc(2 * dt('scrollpanel.bar.size')));
width: calc(100% + calc(2 * dt('scrollpanel.bar.size')));
padding-inline: 0 calc(2 * dt('scrollpanel.bar.size'));
padding-block: 0 calc(2 * dt('scrollpanel.bar.size'));
position: relative;
overflow: auto;
box-sizing: border-box;
scrollbar-width: none;
}
.p-scrollpanel-content::-webkit-scrollbar {
display: none;
}
.p-scrollpanel-bar {
position: relative;
border-radius: dt('scrollpanel.bar.border.radius');
z-index: 2;
cursor: pointer;
opacity: 0;
outline-color: transparent;
background: dt('scrollpanel.bar.background');
border: 0 none;
transition:
outline-color dt('scrollpanel.transition.duration'),
opacity dt('scrollpanel.transition.duration');
}
.p-scrollpanel-bar:focus-visible {
box-shadow: dt('scrollpanel.bar.focus.ring.shadow');
outline: dt('scrollpanel.barfocus.ring.width') dt('scrollpanel.bar.focus.ring.style') dt('scrollpanel.bar.focus.ring.color');
outline-offset: dt('scrollpanel.barfocus.ring.offset');
}
.p-scrollpanel-bar-y {
width: dt('scrollpanel.bar.size');
inset-block-start: 0;
}
.p-scrollpanel-bar-x {
height: dt('scrollpanel.bar.size');
inset-block-end: 0;
}
.p-scrollpanel-hidden {
visibility: hidden;
}
.p-scrollpanel:hover .p-scrollpanel-bar,
.p-scrollpanel:active .p-scrollpanel-bar {
opacity: 1;
}
.p-scrollpanel-grabbed {
user-select: none;
}
`;export{style};//# sourceMappingURL=index.mjs.map