@innovaccer/design-system
Version:
React components library project for Innovaccer Design System
41 lines (36 loc) • 914 B
CSS
.EditableChipInput {
position: relative;
width: 100%;
}
.EditableChipInput-default {
display: flex;
align-items: center;
padding-left: var(--spacing-30);
border-left: var(--border-width-2-5) solid transparent;
min-height: var(--spacing-80);
flex-wrap: wrap;
}
.EditableChipInput-defaultWithChips {
display: flex;
align-items: center;
padding-left: var(--spacing-20);
border: var(--border-width-2-5) solid transparent;
padding-top: var(--spacing-2-5);
padding-bottom: var(--spacing-2-5);
max-width: calc(100% - 28px);
flex-wrap: wrap;
}
.EditableChipInput-defaultWithChips:hover,
.EditableChipInput-default:hover {
background-color: var(--secondary-lightest);
}
.EditableChipInput-chipInput {
padding-left: var(--spacing-20);
}
.EditableChipInput-actions {
position: absolute;
display: flex;
justify-content: flex-end;
margin-top: var(--spacing-10);
width: 100%;
}