✨(react) add a temporary TextInput
Even if we haven't started to work on a complete set of inputs we need a generic Input to implement the "goto" feature on the Pagination component. This component is not intended to be used in by the librarie's dependent, so we mark it as "WIP" for the moment.
This commit is contained in:
23
packages/react/src/components/Forms/Input/index.scss
Normal file
23
packages/react/src/components/Forms/Input/index.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
.c__input {
|
||||
height: 2rem;
|
||||
padding: 0 14px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 2px;
|
||||
border: 1px var(--c--theme--colors--greyscale-300) solid;
|
||||
transition: border var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
|
||||
color: var(--c--theme--colors--greyscale-800);
|
||||
font-size: var(--c--theme--font--sizes--m);
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
border: 1px var(--c--theme--colors--greyscale-500) solid;
|
||||
}
|
||||
|
||||
&--medium {
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
&--nano {
|
||||
min-width: 10px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user