cc-ui-plus
Version:
103 lines (102 loc) • 2.01 kB
CSS
.cc-input {
display: inline-flex;
flex-grow: 1;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
width: 100%;
}
.cc-input.is-disabled {
cursor: not-allowed;
}
.cc-input__wrapper {
display: inline-flex;
flex-grow: 1;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #fff;
border: 1px solid #dcdfe6;
}
.cc-input__wrapper-disabled {
background-color: var(--cc-disabled-bg-color);
box-shadow: 0 0 0 1px var(--cc-disabled-border-color) inset;
}
.cc-input__wrapper-content {
display: inline-flex;
white-space: nowrap;
flex-shrink: 0;
height: 100%;
text-align: center;
}
.cc-input__wrapper-content span {
display: inline-flex;
justify-content: center;
align-items: center;
}
.cc-input__input {
border-radius: 4px;
outline: 0;
width: 100%;
border: none;
height: 32px;
line-height: 32px;
cursor: pointer;
}
.cc-input__input-disabled {
color: var(--cc-disabled-text-color);
cursor: not-allowed;
}
.cc-input__input:focus {
border-color: var(--cc-color-primary);
}
.cc-input__input-wrapper {
display: inline-flex;
text-align: center;
white-space: nowrap;
flex-shrink: 0;
height: 100%;
}
.cc-input__input-wrapper span {
display: inline-flex;
justify-content: center;
align-items: center;
}
.cc-input__textarea {
position: relative;
display: block;
resize: vertical;
padding: 5px 11px;
line-height: 1.5;
box-sizing: border-box;
width: 100%;
font-size: inherit;
font-family: inherit;
border: none;
border-radius: 4px;
min-height: 31px;
}
.cc-input__clear,
.cc-input__password {
display: inline-flex;
white-space: nowrap;
flex-shrink: 0;
height: 100%;
text-align: center;
margin-left: 4px;
}
.cc-input__clear span,
.cc-input__password span {
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 50;
}
.cc-input__limit {
position: absolute;
color: #646566;
font-size: 12px;
bottom: 5px;
right: 10px;
}