vexip-ui/css/result.css

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

.vxp-result-vars{--vxp-result-title-font-size:20px;--vxp-result-icon-font-size:54px;--vxp-result-title-margin-top:16px;--vxp-result-description-font-size:14px;--vxp-result-description-margin-top:4px;--vxp-result-extra-margin-top:24px}.vxp-result{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);display:flex;flex-direction:column;align-items:center;text-align:center}.vxp-result,.vxp-result *,.vxp-result ::after,.vxp-result ::before{box-sizing:border-box}.vxp-result--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-result--small{--vxp-result-icon-font-size:36px;--vxp-result-title-font-size:16px;--vxp-result-description-font-size:12px}.vxp-result--large{--vxp-result-icon-font-size:84px;--vxp-result-title-font-size:28px;--vxp-result-description-font-size:16px}.vxp-result__icon{display:flex;align-items:center;font-size:var(--vxp-result-icon-font-size);color:var(--vxp-result-icon-color)}.vxp-result__title{margin-top:var(--vxp-result-title-margin-top);font-size:var(--vxp-result-title-font-size)}.vxp-result__description{margin-top:var(--vxp-result-description-margin-top);font-size:var(--vxp-result-description-font-size)}.vxp-result__extra{margin-top:var(--vxp-result-extra-margin-top)}.vxp-result--primary{--vxp-result-bg-color:var(--vxp-color-primary-opacity-8);--vxp-result-icon-color:var(--vxp-color-primary-dark-2)}.vxp-result--info{--vxp-result-bg-color:var(--vxp-color-info-opacity-8);--vxp-result-icon-color:var(--vxp-color-info-dark-2)}.vxp-result--success{--vxp-result-bg-color:var(--vxp-color-success-opacity-8);--vxp-result-icon-color:var(--vxp-color-success-dark-2)}.vxp-result--warning{--vxp-result-bg-color:var(--vxp-color-warning-opacity-8);--vxp-result-icon-color:var(--vxp-color-warning-dark-2)}.vxp-result--error{--vxp-result-bg-color:var(--vxp-color-error-opacity-8);--vxp-result-icon-color:var(--vxp-color-error-dark-2)}