.t-float-left { float: left; } .t-float-right { float: right; } @keyframes tdesign-fade-out { from { opacity: 1; } to { opacity: 0; } } .hotspot-expanded.relative { position: relative; } .hotspot-expanded::after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(1.5); } .t-link--small .t-link__content { font-size: 24rpx; line-height: 40rpx; } .t-link--small .t-link__prefix-icon, .t-link--small .t-link__suffix-icon { font-size: 28rpx; } .t-link--medium .t-link__content { font-size: 28rpx; line-height: 44rpx; } .t-link--medium .t-link__prefix-icon, .t-link--medium .t-link__suffix-icon { font-size: 32rpx; } .t-link--large .t-link__content { font-size: 32rpx; line-height: 48rpx; } .t-link--large .t-link__prefix-icon, .t-link--large .t-link__suffix-icon { font-size: 36rpx; } .t-link--normal-primary { color: var(--td-link-normal-primary-color, var(--td-brand-color, var(--td-primary-color-8, #0052d9))); } .t-link--normal-primary.t-link--underline::after { border-color: var(--td-link-normal-primary-color, var(--td-brand-color, var(--td-primary-color-8, #0052d9))); } .t-link--normal-success { color: var(--td-link-normal-success-color, var(--td-success-color, var(--td-success-color-5, #00a870))); } .t-link--normal-success.t-link--underline::after { border-color: var(--td-link-normal-success-color, var(--td-success-color, var(--td-success-color-5, #00a870))); } .t-link--normal-warning { color: var(--td-link-normal-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f))); } .t-link--normal-warning.t-link--underline::after { border-color: var(--td-link-normal-warning-color, var(--td-warning-color, var(--td-warning-color-5, #ed7b2f))); } .t-link--normal-default { color: var(--td-link-normal-default-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); } .t-link--normal-default.t-link--underline::after { border-color: var(--td-link-normal-default-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9))); } .t-link--normal-danger { color: var(--td-link-normal-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59))); } .t-link--normal-danger.t-link--underline::after { border-color: var(--td-link-normal-danger-color, var(--td-error-color, var(--td-error-color-6, #e34d59))); } .t-link--active-primary { color: var(--td-link-active-primary-color, var(--td-brand-color-active, var(--td-primary-color-9, #0034b5))); } .t-link--active-primary.t-link--underline::after { border-color: var(--td-link-active-primary-color, var(--td-brand-color-active, var(--td-primary-color-9, #0034b5))); } .t-link--active-success { color: var(--td-link-active-success-color, var(--td-success-color-active, var(--td-success-color-6, #078d5c))); } .t-link--active-success.t-link--underline::after { border-color: var(--td-link-active-success-color, var(--td-success-color-active, var(--td-success-color-6, #078d5c))); } .t-link--active-warning { color: var(--td-link-active-warning-color, var(--td-warning-color-active, var(--td-warning-color-6, #d35a21))); } .t-link--active-warning.t-link--underline::after { border-color: var(--td-link-active-warning-color, var(--td-warning-color-active, var(--td-warning-color-6, #d35a21))); } .t-link--active-default { color: var(--td-link-active-default-color, var(--td-brand-color-active, var(--td-primary-color-9, #0034b5))); } .t-link--active-default.t-link--underline::after { border-color: var(--td-link-active-default-color, var(--td-brand-color-active, var(--td-primary-color-9, #0034b5))); } .t-link--active-danger { color: var(--td-link-active-danger-color, var(--td-error-color-active, var(--td-error-color-7, #c9353f))); } .t-link--active-danger.t-link--underline::after { border-color: var(--td-link-active-danger-color, var(--td-error-color-active, var(--td-error-color-7, #c9353f))); } .t-link--disabled-primary { color: var(--td-link-disabled-primary-color, var(--td-brand-color-disabled, var(--td-primary-color-3, #bbd3fb))); } .t-link--disabled-primary.t-link--underline::after { border-color: var(--td-link-disabled-primary-color, var(--td-brand-color-disabled, var(--td-primary-color-3, #bbd3fb))); } .t-link--disabled-success { color: var(--td-link-disabled-success-color, var(--td-success-color-disabled, var(--td-success-color-3, #85dbbe))); } .t-link--disabled-success.t-link--underline::after { border-color: var(--td-link-disabled-success-color, var(--td-success-color-disabled, var(--td-success-color-3, #85dbbe))); } .t-link--disabled-warning { color: var(--td-link-disabled-warning-color, var(--td-warning-color-disabled, var(--td-warning-color-3, #f7c797))); } .t-link--disabled-warning.t-link--underline::after { border-color: var(--td-link-disabled-warning-color, var(--td-warning-color-disabled, var(--td-warning-color-3, #f7c797))); } .t-link--disabled-default { color: var(--td-link-disabled-default-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)))); } .t-link--disabled-default.t-link--underline::after { border-color: var(--td-link-disabled-default-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)))); } .t-link--disabled-danger { color: var(--td-link-disabled-danger-color, var(--td-error-color-disabled, var(--td-error-color-3, #f8b9be))); } .t-link--disabled-danger.t-link--underline::after { border-color: var(--td-link-disabled-danger-color, var(--td-error-color-disabled, var(--td-error-color-3, #f8b9be))); } .t-link { position: relative; display: flex; align-items: center; box-sizing: content-box; } .t-link--underline::after { content: ''; position: absolute; left: 0; right: 0; height: 0; bottom: 0; opacity: 1; border-bottom: 1px solid #cd0be7; } .t-link__prefix-icon + .t-link__content:not(:empty) { padding-left: 8rpx; } .t-link__content:not(:empty) + .t-link__suffix-icon { padding-left: 8rpx; }