inputs.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. //
  2. // Inputs Flavor
  3. // --------------------------------------------------
  4. // default input
  5. input.form-control, textarea.form-control {
  6. border-color: @input-border;
  7. box-shadow: inset 0px 0px 0px 1px @input-border;
  8. &:focus {
  9. border-color: @input-border-focus;
  10. box-shadow: inset 0px 0px 0px 1px @input-border-focus;
  11. }
  12. }
  13. .has-error input.form-control {
  14. border-color: @state-danger-border;
  15. box-shadow: inset 0px 0px 0px 1px @state-danger-border;
  16. &:focus {
  17. border-color: lighten(@state-danger-border, 20%);
  18. box-shadow: inset 0px 0px 0px 1px lighten(@state-danger-border, 20%);
  19. }
  20. }
  21. .has-success input.form-control {
  22. border-color: @state-success-border;
  23. box-shadow: inset 0px 0px 0px 1px @state-success-border;
  24. &:focus {
  25. border-color: lighten(@state-success-border, 20%);
  26. box-shadow: inset 0px 0px 0px 1px lighten(@state-success-border, 20%);
  27. }
  28. }
  29. // password strenght marker
  30. .password-strength {
  31. margin-top: @line-height-computed / 2;
  32. .text-small {
  33. margin-top: @line-height-computed / 5;
  34. color: lighten(@text-color, 25%);
  35. font-size: @font-size-small;
  36. }
  37. .progress {
  38. margin: 0px;
  39. }
  40. }