@primeuix/styles
Version:
113 lines (97 loc) • 2.77 kB
JavaScript
import{css}from"@primeuix/styled";var style=css`
.p-dock {
position: absolute;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.p-dock-list-container {
display: flex;
pointer-events: auto;
background: dt('dock.background');
border: 1px solid dt('dock.border.color');
padding: dt('dock.padding');
border-radius: dt('dock.border.radius');
}
.p-dock-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
outline: 0 none;
}
.p-dock-item {
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform;
padding: dt('dock.item.padding');
border-radius: dt('dock.item.border.radius');
}
.p-dock-item.p-focus {
box-shadow: dt('dock.item.focus.ring.shadow');
outline: dt('dock.item.focus.ring.width') dt('dock.item.focus.ring.style') dt('dock.item.focus.ring.color');
outline-offset: dt('dock.item.focus.ring.offset');
}
.p-dock-item-link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
cursor: default;
width: dt('dock.item.size');
height: dt('dock.item.size');
}
.p-dock-top {
left: 0;
top: 0;
width: 100%;
}
.p-dock-bottom {
left: 0;
bottom: 0;
width: 100%;
}
.p-dock-right {
right: 0;
top: 0;
height: 100%;
}
.p-dock-right .p-dock-list {
flex-direction: column;
}
.p-dock-left {
left: 0;
top: 0;
height: 100%;
}
.p-dock-left .p-dock-list {
flex-direction: column;
}
.p-dock-mobile.p-dock-top .p-dock-list-container,
.p-dock-mobile.p-dock-bottom .p-dock-list-container {
overflow-x: auto;
width: 100%;
}
.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
margin: 0 auto;
}
.p-dock-mobile.p-dock-left .p-dock-list-container,
.p-dock-mobile.p-dock-right .p-dock-list-container {
overflow-y: auto;
height: 100%;
}
.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
margin: auto 0;
}
.p-dock-mobile .p-dock-list .p-dock-item {
transform: none;
margin: 0;
}
`;export{style};//# sourceMappingURL=index.mjs.map