UNPKG

@primeuix/styles

Version:
113 lines (97 loc) 2.77 kB
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