@opentiny/vue-theme/popconfirm/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-popconfirm{--tv-Popconfirm-popover-title-line-height:var(--tv-line-height-number, 1.5);--tv-Popconfirm-popover-content-line-height:var(--tv-line-height-number, 1.5);--tv-Popconfirm-popover-footer-font-size:var(--tv-font-size-default, 14px);--tv-Popconfirm-popover-footer-font-color:var(--tv-color-text, #191919);--tv-Popconfirm-popover-container-padding-vertical:var(--tv-space-base, 4px);--tv-Popconfirm-popover-icon-margin-bottom:var(--tv-space-xs, 2px);--tv-Popconfirm-popover-icon-margin-right:var(--tv-space-base, 4px);--tv-Popconfirm-popover-footer-margin-top:var(--tv-space-xl, 16px);--tv-Popconfirm-popover-title-font-size:var(--tv-icon-size, 16px);--tv-Popconfirm-popover-title-font-weight:var(--tv-font-weight-bold, 600);--tv-Popconfirm-popover-text-color:var(--tv-color-text, #191919);--tv-Popconfirm-popover-margin-bottom:var(--tv-space-md, 8px);--tv-Popconfirm-popover-confirm-button-margin-left:var(--tv-space-md, 8px);--tv-Popconfirm-icon-info-fill:var(--tv-color-info-icon, #1476ff);--tv-Popconfirm-icon-error-fill:var(--tv-color-error-icon, #f23030);--tv-Popconfirm-icon-warning-fill:var(--tv-color-warn-icon, #ff8800);--tv-Popconfirm-icon-success-fill:var(--tv-color-success-icon, #5cb300);display:inline-block}.tiny-popconfirm__reference{display:inline-block}.tiny-popconfirm-popover{--tv-Popconfirm-popover-title-line-height:var(--tv-line-height-number, 1.5);--tv-Popconfirm-popover-content-line-height:var(--tv-line-height-number, 1.5);--tv-Popconfirm-popover-footer-font-size:var(--tv-font-size-default, 14px);--tv-Popconfirm-popover-footer-font-color:var(--tv-color-text, #191919);--tv-Popconfirm-popover-container-padding-vertical:var(--tv-space-base, 4px);--tv-Popconfirm-popover-icon-margin-bottom:var(--tv-space-xs, 2px);--tv-Popconfirm-popover-icon-margin-right:var(--tv-space-base, 4px);--tv-Popconfirm-popover-footer-margin-top:var(--tv-space-xl, 16px);--tv-Popconfirm-popover-title-font-size:var(--tv-icon-size, 16px);--tv-Popconfirm-popover-title-font-weight:var(--tv-font-weight-bold, 600);--tv-Popconfirm-popover-text-color:var(--tv-color-text, #191919);--tv-Popconfirm-popover-margin-bottom:var(--tv-space-md, 8px);--tv-Popconfirm-popover-confirm-button-margin-left:var(--tv-space-md, 8px);--tv-Popconfirm-icon-info-fill:var(--tv-color-info-icon, #1476ff);--tv-Popconfirm-icon-error-fill:var(--tv-color-error-icon, #f23030);--tv-Popconfirm-icon-warning-fill:var(--tv-color-warn-icon, #ff8800);--tv-Popconfirm-icon-success-fill:var(--tv-color-success-icon, #5cb300);min-width:168px;max-width:90vw}.tiny-popconfirm-popover__container{padding:var(--tv-Popconfirm-popover-container-padding-vertical) 0;font-size:var(--tv-Popconfirm-popover-footer-font-size);color:var(--tv-Popconfirm-popover-footer-font-color)}.tiny-popconfirm-popover__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--tv-Popconfirm-popover-margin-bottom)}.tiny-popconfirm-popover__icon{height:20px;width:20px;margin-right:var(--tv-Popconfirm-popover-icon-margin-right);margin-bottom:var(--tv-Popconfirm-popover-icon-margin-bottom)}.tiny-popconfirm-popover__title{font-size:var(--tv-Popconfirm-popover-title-font-size);font-weight:var(--tv-Popconfirm-popover-title-font-weight);line-height:var(--tv-Popconfirm-popover-title-line-height)}.tiny-popconfirm-popover__content{color:var(--tv-Popconfirm-popover-text-color);line-height:var(--tv-Popconfirm-popover-content-line-height)}.tiny-popconfirm-popover__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;margin-top:var(--tv-Popconfirm-popover-footer-margin-top)}.tiny-popconfirm-popover__confirm-button{margin-left:var(--tv-Popconfirm-popover-confirm-button-margin-left);width:72px}.tiny-popconfirm-popover__cancel-button{width:72px}.tiny-popconfirm-popover--info{fill:var(--tv-Popconfirm-icon-info-fill)}.tiny-popconfirm-popover--error{fill:var(--tv-Popconfirm-icon-error-fill)}.tiny-popconfirm-popover--warning{fill:var(--tv-Popconfirm-icon-warning-fill)}.tiny-popconfirm-popover--success{fill:var(--tv-Popconfirm-icon-success-fill)}