asi-calculator/components/Input/Input.module.css

.input {
  all: unset;
  padding: 0 0.75rem;
  text-align: center;
  border-right: 1px solid rgba(var(--foreground-rgb), 0.15);
}

.input:hover {
  background-color: rgba(var(--background-rgb), 0.1);
}

.input:focus-within {
  outline: none;
  background-color: rgba(var(--background-rgb), 0.3);
}
prepare token switching 2024-03-30 20:50:51 +01:00			`.input {`
			`all: unset;`
auto growing inputs 2024-04-01 02:49:17 +02:00			`padding: 0 0.75rem;`
prepare token switching 2024-03-30 20:50:51 +01:00			`text-align: center;`
loading ui 2024-04-01 02:15:51 +02:00			`border-right: 1px solid rgba(var(--foreground-rgb), 0.15);`
prepare token switching 2024-03-30 20:50:51 +01:00			`}`

			`.input:hover {`
form refactor 2024-04-01 15:49:03 +02:00			`background-color: rgba(var(--background-rgb), 0.1);`
prepare token switching 2024-03-30 20:50:51 +01:00			`}`

			`.input:focus-within {`
			`outline: none;`
form refactor 2024-04-01 15:49:03 +02:00			`background-color: rgba(var(--background-rgb), 0.3);`
prepare token switching 2024-03-30 20:50:51 +01:00			`}`