@uva-glass/component-library/dist/assets/Sortable.css

React components UvA

._sortable__wrapper_pdpg0_1{position:relative}._sortable__wrapper--scrollable_pdpg0_5{border-bottom:1px solid var(--color-pattens-blue);border-top:1px solid var(--color-pattens-blue);margin-bottom:1rem;max-height:21rem;overflow-y:auto}._sortable__container_pdpg0_13{--item-min-height: 3.75rem;counter-reset:container;display:flex;flex-direction:column;gap:1rem;list-style:none;margin:1rem 1rem 1rem 0;padding:0}._sortable__drop-target_pdpg0_25{display:flex;gap:1rem;min-height:var(--item-min-height);position:relative}._sortable__drop-target_pdpg0_25:before{align-items:center;content:counter(container);counter-increment:container;display:flex;opacity:1;position:relative;transition:opacity .25s}._sortable__drop-target_pdpg0_25:after{content:"";display:block;height:1px;left:0;position:absolute;width:100%;z-index:1}._sortable__drop-target_pdpg0_25:last-child:after{display:inline}._sortable__sort-item_pdpg0_56{align-items:center;background-color:var(--color-grey-50);border-radius:.5rem;display:flex;gap:1rem;min-height:var(--item-min-height);position:relative;width:100%;z-index:0}._sortable__sort-item_pdpg0_56:focus{z-index:2}._sortable__sort-item--ghost_pdpg0_72{margin:0 1rem;opacity:.5;padding:.5rem 0;pointer-events:none;position:fixed;-webkit-user-drag:none;visibility:hidden;z-index:2}._sortable__sort-item__handle_pdpg0_83{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:var(--color-white);border:0;cursor:grab;height:2.625rem;width:2.625rem}._sortable__sort-item__button-container_pdpg0_93{align-items:center;background-color:var(--color-pattens-blue);border-left:1px solid var(--color-pattens-blue);border-radius:0 .5rem .5rem 0;display:flex;flex-direction:column;inset:0 0 0 auto;margin-right:1px;overflow:hidden;position:absolute;width:2.625rem;z-index:20}._sortable__sort-item__button-container_pdpg0_93[data-touch=false]{display:none}._sortable__sort-item__handle--icon_pdpg0_112{align-items:center;display:flex;height:1rem;width:1rem}._sortable__sort-item__handle--up_pdpg0_119,._sortable__sort-item__handle--down_pdpg0_120{color:#000;display:none;height:100%;right:.5rem}._sortable__sort-item__handle--up_pdpg0_119{transform:rotate(180deg)}._sortable__sort-item--dragging_pdpg0_131 ._sortable__sort-item__handle_pdpg0_83{cursor:grabbing}._sortable__sort-item__contents_pdpg0_135{align-items:center;color:var(--color-uva-black);display:flex;gap:.5rem;padding:.5rem;width:100%}._sortable__sort-item__contents--handle-right_pdpg0_144{padding-left:1rem;padding-right:2.5rem}._sortable__handle_pdpg0_149{color:var(--color-grey-500);cursor:grab;display:flex}._sortable__handle--right_pdpg0_155{position:absolute;right:.5rem}._sortable__sort-item__button-container_pdpg0_93[data-touch=true]{gap:1px;justify-content:center}._sortable__sort-item__button-container_pdpg0_93[data-touch=true] ._sortable__sort-item__handle--up_pdpg0_119,._sortable__sort-item__button-container_pdpg0_93[data-touch=true] ._sortable__sort-item__handle--down_pdpg0_120{align-items:center;display:flex;justify-content:center}._sortable__visually-hidden_pdpg0_173{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}