@import '../../../bower_components/normalize-css/normalize.css'
@import '../../../bower_components/stylus-nib'
@import '../../../bower_components/este-library/este/css'

// From PhoneGap CSS.
// TODO(steida): Use more.
// TODO(steida): Clean and refactor.

*
  -webkit-tap-highlight-color rgba(0,0,0,0)

// // lvfha
// a, button
//   &:focus
//     outline solid 1px red
//   &:active
//     color inherit

.app
  padding 0 1em

form
  input, textarea
    border 0
    box-sizing border-box
    display block
    margin .625em 0
    width 100%
    &:focus
      outline none
  button
    display block

  textarea
    min-height 3em
    // http://stackoverflow.com/questions/588089/hiding-textarea-resize-handle-in-safari
    resize none
@import '../../../bower_components/normalize-css/normalize.css'
@import '../../../bower_components/stylus-nib'
@import '../../../bower_components/este-library/este/css'

// From PhoneGap CSS.
// TODO(steida): Use more.
// TODO(steida): Clean and refactor.

*
  -webkit-tap-highlight-color rgba(0,0,0,0)

a
button
input
textarea
  transition all 0.3s ease-in-out
  outline none

  &:focus
    // background-color red
    opacity .9
    box-shadow 0 0 6px rgba(0, 0, 0, .3)

.app
  padding 0 1em

form
  input, textarea
    border 0
    box-sizing border-box
    display block
    margin .625em 0
    width 100%
    &:focus
      outline none
  button
    display block

  textarea
    min-height 3em
    // http://stackoverflow.com/questions/588089/hiding-textarea-resize-handle-in-safari
    resize none
Normalize focusable elements outline effect.
Normalize focusable elements outline effect.
