libs/ui/src/components/NeoInput/NeoInput.scss
@import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';
$input-border-radius: 0;
$input-height: 3rem;
$input-padding: 0.75rem 1rem;
$input-textarea-padding: 0.75rem 1rem;
@import '@oruga-ui/oruga-next/src/scss/components/input.scss';
.neo-input {
.o-input {
@apply outline-none shadow-none border-default border-k-grey-fix bg-background-color text-text-color;
&:focus {
@apply border-default border-text-color;
}
&--danger {
@apply border-default border-k-red;
&:focus {
@apply border-default border-k-red;
}
}
}
/* Remove Arrows/Spinners
Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
}