| @import '~elements-sk/themes/themes'; |
| |
| multi-input-sk { |
| .input-container { |
| border: 1px solid black; |
| border-radius: 4px; |
| display: flex; |
| justify-content: flex-start; |
| flex-direction: row; |
| align-items: stretch; |
| padding: 4px; |
| height: 24px; |
| } |
| |
| .input-item { |
| background-color: var(--surface-1dp); |
| border-radius: 4px; |
| padding: 5px; |
| margin-right: 4px; |
| user-select: none; |
| white-space: nowrap; |
| display: flex; |
| justify-content: flex-start; |
| align-items: center; |
| |
| a { |
| cursor: pointer; |
| text-decoration: none; |
| } |
| |
| close-icon-sk svg.icon-sk-svg { |
| width: 12px; |
| height: 12px; |
| } |
| } |
| |
| input { |
| border: none; |
| outline: none; |
| flex: 1; |
| } |
| } |
