You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
124 KiB
2 lines
124 KiB
2 months ago
|
.k-items{display:grid;position:relative;container-type:inline-size}.k-items[data-layout=list]{gap:2px}.k-items[data-layout=cardlets]{--items-size:1fr;grid-template-columns:repeat(auto-fill,minmax(var(--items-size),1fr));gap:.75rem;display:grid}@container (width>=15rem){.k-items[data-layout=cardlets]{--items-size:15rem}}.k-items[data-layout=cards]{grid-template-columns:1fr;gap:1.5rem;display:grid}@container (width>=6rem){.k-items[data-layout=cards][data-size=tiny]{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}}@container (width>=9rem){.k-items[data-layout=cards][data-size=small]{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}@container (width>=12rem){.k-items[data-layout=cards][data-size=auto],.k-items[data-layout=cards][data-size=medium]{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}}@container (width>=15rem){.k-items[data-layout=cards][data-size=large]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}}@container (width>=18rem){.k-items[data-layout=cards][data-size=huge]{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}}.k-collection-footer{justify-content:space-between;align-items:flex-start;gap:var(--spacing-12);margin-top:var(--spacing-2);flex-wrap:nowrap;display:flex}.k-empty{max-width:100%}:root{--item-button-height:var(--height-md);--item-button-width:var(--height-md);--item-height:auto;--item-height-cardlet:calc(var(--height-md)*3)}.k-item{background:var(--color-white);box-shadow:var(--shadow);border-radius:var(--rounded);height:var(--item-height);position:relative;container-type:inline-size}.k-item:has(a:focus){outline:2px solid var(--color-focus)}@supports not selector(:has(*)){.k-item:focus-within{outline:2px solid var(--color-focus)}}.k-item .k-icon-frame{--back:var(--color-gray-300)}.k-item-content{padding:var(--spacing-2);line-height:1.25;overflow:hidden}.k-item-content a:focus{outline:0}.k-item-content a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.k-item-info{color:var(--color-text-dimmed)}.k-item-options{z-index:1;justify-content:space-between;align-items:center;display:flex;transform:translate(0)}.k-item-options[data-only-option=true]{justify-content:flex-end}.k-item-options .k-button{--button-height:var(--item-button-height);--button-width:var(--item-button-width)}.k-item .k-sort-button{z-index:2;position:absolute}.k-item:not(:hover):not(.k-sortable-fallback) .k-sort-button{opacity:0}.k-item[data-layout=list]{--item-height:var(--field-input-height);--item-button-height:var(--item-height);--item-button-width:auto;height:var(--item-height);grid-template-columns:1fr auto;align-items:center;display:grid}.k-item[data-layout=list][data-has-image=true]{grid-template-columns:var(--item-height)1fr auto}.k-item[data-layout=list] .k-frame{--ratio:1/1;height:var(--item-height);border-start-start-radius:var(--rounded);border-end-start-radius:var(--rounded)}.k-item[data-layout=list] .k-item-content{white-space:nowrap;gap:var(--spacing-2);justify-content:space-between;min-width:0;display:flex}.k-item[data-layout=list] .k-item-title,.k-item[data-layout=list] .k-item-info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.k-item[data-layout=list] .k-item-title{flex-shrink:1}.k-item[data-layout=list] .k-item-info{flex-shrink:2}@container (width<=30rem){.k-item[data-layout=list] .k-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.k-item[data-layout=list] .k-item-info{display:none}}.k-item[data-layout=list] .k-sort-button{--button-width:calc(1.5rem + var(--spacing-1));--button-height:var(--item-height);left:calc(-1*var(--button-width))}.k-item:is([data-layout=cardlets],[data-layout=cards]) .k-sort-button{top:var(--spacing-2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);--button-width:1.5rem;--button-height:1.5rem;--button-rounded:var(--rounded-sm);--button-padding:0;--icon-size:14px;background:#ffffff80;inset-inline-start:var(--spacing-2);box-shadow:0 2px 5px #0003}.k-item:is([data-layout=cardlets],[data-layout=cards]) .k-sort-button:hover{background:#fffffff2}.k-item[data-layout=cardlets]{--item-height:var
|