igniteui-sassdoc-theme
Version:
Default SassDoc theme used in Ignite UI for Angular.
6 lines (5 loc) • 3.77 kB
CSS
dialog{margin:calc(var(--header-height) + var(--content-gap)) auto;padding:0;border:none;width:90%;max-width:50rem;max-height:80vh;box-shadow:var(--ig-elevation-24);border-block-end:2px solid var(--ig-primary-500);overflow:hidden}dialog::backdrop{background-color:hsl(from var(--ig-gray-900) h s l/0.5)}.wrapper{display:grid;background-color:var(--ig-surface-500)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--ig-gray-200)}.title{font-size:1.125rem;margin:0}.closeButton{background:none;border:none;cursor:pointer;color:var(--ig-gray-600);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in;outline-style:none}.closeButton:focus,.closeButton:hover{background-color:var(--ig-gray-200);color:var(--ig-gray-900)}.closeButton i{font-size:1.125rem}.content{padding:var(--spacing-5);flex:1;overflow-y:auto;overscroll-behavior:contain;max-height:50dvh}.footer{padding:var(--spacing-3) var(--spacing-5);border-top:1px solid var(--ig-gray-200);display:flex;justify-content:flex-end}.shortcut{display:flex;align-items:center;gap:var(--spacing-2);color:var(--ig-gray-600);font-size:var(--ig-body-2-font-size)}.shortcut kbd{background-color:var(--ig-gray-200);padding:.125rem .375rem;font-family:monospace;font-size:var(--ig-body-2-font-size)}.searchUI{--pagefind-ui-font: var(--ig-font-family)}.searchUI :global(.pagefind-ui__search-input){width:100%;border:1px solid var(--ig-gray-400);border-radius:0;font-size:1rem;box-shadow:none;transition:all .2s ease-in}.searchUI :global(.pagefind-ui__search-input):focus{border-color:var(--ig-primary-500);box-shadow:0 .25rem 0 0 rgba(var(--ig-primary-500), 0.2);outline:none}.searchUI :global(.pagefind-ui__search-clear){background-color:rgba(0,0,0,0);color:var(--ig-gray-700);border:none}.searchUI :global(.pagefind-ui__search-clear):hover{color:var(--ig-gray-900)}.searchUI :global(.pagefind-ui__results-container){margin-top:var(--spacing-4)}.searchUI :global(.pagefind-ui__results-area){display:grid;gap:var(--spacing-5);margin-top:var(--spacing-5)}.searchUI :global(.pagefind-ui__results){display:grid;gap:var(--spacing-5)}.searchUI :global(.pagefind-ui__results):empty{display:none}.searchUI :global(.pagefind-ui__result){padding-block:0 ;border:none }.searchUI :global(.pagefind-ui__result) mark{background-color:rgba(0,0,0,0);color:var(--ig-warn-500)}.searchUI :global(.pagefind-ui__result-title){font-size:1rem;font-weight:600;margin-bottom:var(--spacing-2);text-transform:capitalize}.searchUI :global(.pagefind-ui__result-inner){margin:0 ;gap:var(--spacing-2)}.searchUI :global(.pagefind-ui__result-link){text-decoration:none}.searchUI :global(.pagefind-ui__result-link):hover{text-decoration:none }.searchUI :global(.pagefind-ui__result-nested){padding-top:0 ;padding-inline-start:var(--ig-spacing-1)}.searchUI :global(.pagefind-ui__result-nested > .pagefind-ui__result-title){font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);text-transform:none}.searchUI :global(.pagefind-ui__result-nested
> .pagefind-ui__result-title
> .pagefind-ui__result-link){display:flex;gap:var(--spacing-2);align-items:center}.searchUI :global(.pagefind-ui__result-nested
> .pagefind-ui__result-title
> .pagefind-ui__result-link)::before{position:relative;font-family:"Material Symbols Sharp";font-size:1.125rem;font-weight:normal;margin:0;content:"";color:var(--ig-gray-700);inset:0}.searchUI :global(.pagefind-ui__result-excerpt){font-size:.875rem;color:var(--ig-gray-700)}.searchUI :global(.pagefind-ui__message){color:var(--ig-gray-600);padding-block:0}