shared.sass 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. $input-color: $grey-darker !default
  2. $input-background-color: $white !default
  3. $input-border-color: $grey-lighter !default
  4. $input-height: $control-height !default
  5. $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
  6. $input-placeholder-color: rgba($input-color, 0.3) !default
  7. $input-hover-color: $grey-darker !default
  8. $input-hover-border-color: $grey-light !default
  9. $input-focus-color: $grey-darker !default
  10. $input-focus-border-color: $link !default
  11. $input-focus-box-shadow-size: 0 0 0 0.125em !default
  12. $input-focus-box-shadow-color: rgba($link, 0.25) !default
  13. $input-disabled-color: $text-light !default
  14. $input-disabled-background-color: $background !default
  15. $input-disabled-border-color: $background !default
  16. $input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
  17. $input-arrow: $link !default
  18. $input-icon-color: $grey-lighter !default
  19. $input-icon-active-color: $grey !default
  20. $input-radius: $radius !default
  21. =input
  22. @extend %control
  23. background-color: $input-background-color
  24. border-color: $input-border-color
  25. border-radius: $input-radius
  26. color: $input-color
  27. +placeholder
  28. color: $input-placeholder-color
  29. &:hover,
  30. &.is-hovered
  31. border-color: $input-hover-border-color
  32. &:focus,
  33. &.is-focused,
  34. &:active,
  35. &.is-active
  36. border-color: $input-focus-border-color
  37. box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color
  38. &[disabled],
  39. fieldset[disabled] &
  40. background-color: $input-disabled-background-color
  41. border-color: $input-disabled-border-color
  42. box-shadow: none
  43. color: $input-disabled-color
  44. +placeholder
  45. color: $input-disabled-placeholder-color
  46. %input
  47. +input