chore: initial commit
I just realized i was using this without commiting it, so this is a very big commit
This commit is contained in:
36
src/recipes/input.ts
Normal file
36
src/recipes/input.ts
Normal file
@@ -0,0 +1,36 @@
|
||||
import { defineRecipe } from '@pandacss/dev'
|
||||
|
||||
export const inputRecipe = defineRecipe({
|
||||
className: 'input',
|
||||
base: {
|
||||
display: 'inline-flex',
|
||||
borderRadius: '4px',
|
||||
cursor: 'pointer',
|
||||
paddingBlock: '0.25em',
|
||||
paddingInline: '0.5em',
|
||||
border: '1px solid',
|
||||
borderColor: 'neutral.7',
|
||||
backgroundColor: 'neutral.3',
|
||||
color: 'neutral.12',
|
||||
outline: 'none',
|
||||
transition: 'all 200ms ease-in-out',
|
||||
_hover: {
|
||||
backgroundColor: 'neutral.4'
|
||||
},
|
||||
_disabled: {
|
||||
backgroundColor: 'neutral.3/50',
|
||||
color: 'neutral.11/50',
|
||||
borderColor: 'neutral.6/50',
|
||||
cursor: 'not-allowed',
|
||||
_hover: {
|
||||
backgroundColor: 'neutral.6/50',
|
||||
color: 'neutral.11/50'
|
||||
}
|
||||
},
|
||||
_active: {
|
||||
backgroundColor: 'neutral.8'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
export default inputRecipe
|
||||
Reference in New Issue
Block a user