@mantine/core/cjs/components/PillsInput/PillsInput.module.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"PillsInput.module.cjs","names":[],"sources":["../../../src/components/PillsInput/PillsInput.module.css"],"sourcesContent":[".field {\n  background-color: transparent;\n  appearance: none;\n  min-width: 100px;\n  flex: 1;\n  border: 0;\n  font-size: inherit;\n  height: 1.6em;\n  color: inherit;\n  padding: 0;\n\n  &::placeholder {\n    color: var(--input-placeholder-color);\n    opacity: 1;\n  }\n\n  &:where([data-type='hidden'], [data-type='auto']) {\n    height: 1px;\n    width: 1px;\n    top: 0;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    opacity: 0;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:where([data-type='auto']:focus) {\n    height: 1.6em;\n    visibility: visible;\n    opacity: 1;\n    position: static;\n  }\n\n  &:where([data-pointer]:not([data-disabled], :disabled)) {\n    cursor: pointer;\n  }\n\n  &:where([data-disabled], :disabled) {\n    cursor: not-allowed;\n  }\n}\n"],"mappings":""}