igniteui-sassdoc-theme
Version:
Default SassDoc theme used in Ignite UI for Angular.
2 lines (1 loc) • 982 B
CSS
.trigger{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--ig-surface-500);border:none;border-block-end:1px solid var(--ig-gray-200);color:var(--ig-gray-600);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;font-size:.875rem;transition:all .2s ease;width:100%;text-align:start}.trigger:hover{border-color:var(--ig-primary-500)}.trigger:focus{outline-style:none}.trigger[data-large=true]{border:1px solid var(--ig-primary-600);padding:var(--spacing-3) var(--spacing-4)}.trigger[data-large=true] .icon{color:var(--ig-primary-600)}.icon{font-size:1.125rem;color:var(--ig-gray-600)}.label{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shortcut{display:flex;align-items:center;gap:.125rem}.shortcut kbd{background-color:var(--ig-gray-200);border-radius:.25rem;padding:.125rem .375rem;font-family:monospace;font-size:.6875rem;min-width:.875rem;height:1.25rem;display:flex;align-items:center;justify-content:center;line-height:1}