Files
koodiklinikka.fi/styles/_input.styl
Antti Lylander bcc6619aee Input focus (#62)
* add peer dependencies for zeit and ts-pnp

* visually indicate focus on email input

* Revert "add peer dependencies for zeit and ts-pnp"

This reverts commit a13cfac8bb.
2019-11-05 09:48:33 +02:00

38 lines
667 B
Stylus

.input
width 100%
height 45px
padding 0.5em 1em
box-sizing border-box
font-size inherit
border 2px solid rgba(0, 0, 0, 0.3)
border-radius 5px
background #fff
outline 0
color rgba(0, 0, 0, 0.5)
&:focus
border 2px solid #3090de
color rgba(0, 0, 0, 0.6)
.input::-webkit-input-placeholder
color rgba(0, 0, 0, 0.3)
.input:-moz-placeholder
color rgba(0, 0, 0, 0.3)
opacity 1
.input::-moz-placeholder
color rgba(0, 0, 0, 0.3)
opacity 1
.input:-ms-input-placeholder
color rgba(0, 0, 0, 0.3)
.input.has-error
border-color rgba(226, 33, 112, 0.6)
color rgb(226, 33, 112)
.input.half
width 48%
&.left
margin-right 4%