45 lines
		
	
	
		
			964 B
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			45 lines
		
	
	
		
			964 B
		
	
	
	
		
			Plaintext
		
	
	
| @import (reference) '../../style/themes/index';
 | |
| @input-prefix-cls: ~'@{ant-prefix}-input';
 | |
| 
 | |
| // ========================= Input =========================
 | |
| .@{iconfont-css-prefix}.@{ant-prefix}-input-clear-icon,
 | |
| .@{ant-prefix}-input-clear-icon {
 | |
|   margin: 0;
 | |
|   color: @disabled-color;
 | |
|   font-size: @font-size-sm;
 | |
|   vertical-align: -1px;
 | |
|   // https://github.com/ant-design/ant-design/pull/18151
 | |
|   // https://codesandbox.io/s/wizardly-sun-u10br
 | |
|   cursor: pointer;
 | |
|   transition: color 0.3s;
 | |
| 
 | |
|   &:hover {
 | |
|     color: @text-color-secondary;
 | |
|   }
 | |
| 
 | |
|   &:active {
 | |
|     color: @text-color;
 | |
|   }
 | |
| 
 | |
|   &-hidden {
 | |
|     visibility: hidden;
 | |
|   }
 | |
| 
 | |
|   &-has-suffix {
 | |
|     margin: 0 @input-affix-margin;
 | |
|   }
 | |
| }
 | |
| 
 | |
| // ======================= TextArea ========================
 | |
| .@{ant-prefix}-input-affix-wrapper-textarea-with-clear-btn {
 | |
|   padding: 0 !important;
 | |
|   border: 0 !important;
 | |
| 
 | |
|   .@{ant-prefix}-input-clear-icon {
 | |
|     position: absolute;
 | |
|     top: 8px;
 | |
|     right: 8px;
 | |
|     z-index: 1;
 | |
|   }
 | |
| }
 |