src/components/Forms/Input/Input.css

   1 .Input-wrapper {
   2   position: relative;
   3   margin-bottom: 40px;
   4 }
   5
   6 .Input-label {
   7   color: #9e9e9e;
   8   position: absolute;
   9   top: 0;
  10   left: 0;
  11   cursor: text;
  12   pointer-events: none;
  13   font-size: .8rem;
  14 }
  15
  16 .Input-input {
  17   background-color: transparent;
  18   border: none;
  19   border-bottom: 1px solid #9e9e9e;
  20   border-radius: 0;
  21   outline: none;
  22   height: 2.5rem;
  23   width: 100%;
  24   font-size: 1rem;
  25   padding-top: 0.8rem;
  26 }
  27
  28 .Input-input:focus {
  29   border-color: #1c94bc;
  30   box-shadow: 0 1px 0 0 #1c94bc;
  31 }