Style form fields 100% material design

[fmontes]

Mock

Normal

Normal / Filled

Label: $black 54%
Value: $black 100%
Border: $black 42%

Active / Focus:

Label: $brand-primary 87%
Value: $black 100%
Border: $brand-primary 100%

Disabled:

Label: $black 38%
Value: $black 38%
Border: dotted $black 42%

Invert

Normal / Filled:

Label: $white 70%
Value: $white 100%
Border: $white 70%

Active / Focus:

Label: $brand-primary 87%
Value: $white 100%
Border: $brand-primary 100%

Disabled:

Label: $white 50%
Value: $white 50%
Border: dotted $white 70%

Acceptance Criteria

1. Match the design
2. Work in all the supported browsers (don't forget IE11 and iPad)
3. Multilanguage
4. Unit test