Text.scss 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. $textfield-input-background-color: dynamic(transparent);
  2. $textfield-input-color: dynamic($color);
  3. $textfield-disabled-input-color: dynamic($disabled-color);
  4. $textfield-placeholder-color: dynamic($field-disabled-label-color);
  5. $textfield-input-font-size: dynamic(13px);
  6. $textfield-input-font-size-big: dynamic(16px);
  7. $textfield-input-font-weight: dynamic(400);
  8. $textfield-input-line-height: dynamic(16px);
  9. $textfield-input-line-height-big: dynamic(20px);
  10. $textfield-input-padding: dynamic(($content-padding / 4) 0);
  11. $textfield-input-padding-big: dynamic(($content-padding / 2) 0);
  12. $textfield-input-border-width: dynamic(null);
  13. $textfield-input-border-style: dynamic(null);
  14. $textfield-input-border-color: dynamic(null);
  15. $textfield-input-underline-width: dynamic(1px);
  16. $textfield-focused-input-underline-width: dynamic(2px);
  17. $textfield-invalid-input-underline-width: dynamic(2px);
  18. $textfield-input-underline-color: dynamic($divider-color);
  19. $textfield-invalid-input-underline-color: dynamic($alert-color);
  20. $textfield-focused-input-underline-color: dynamic($base-color);
  21. $textfield-alt-ui: dynamic((
  22. input-background-color: rgba(255, 255, 255, .2),
  23. focused-input-background-color: rgba(255, 255, 255, .15),
  24. input-color: rgba(255, 255, 255, .6),
  25. focused-input-color: rgba(255, 255, 255, .6),
  26. input-padding: 7px 7px 7px 0,
  27. input-padding-big: 7px 7px 7px 0,
  28. input-border-width: 0,
  29. placeholder-color: rgba(255, 255, 255, .6),
  30. focused-placeholder-color: rgb(255, 255, 255),
  31. border-radius: 3px,
  32. input-underline-width: 0,
  33. focused-input-underline-width: 0,
  34. invalid-input-underline-width: 0
  35. ));
  36. $textfield-faded-ui: dynamic((
  37. input-background-color: rgba(0, 0, 0, .1),
  38. focused-input-background-color: rgba(0, 0, 0, .15),
  39. input-color: rgba(0, 0, 0, .4),
  40. focused-input-color: rgba(0, 0, 0, .4),
  41. input-padding: 7px 7px 7px 0,
  42. input-padding-big: 7px 7px 7px 0,
  43. input-border-width: 0,
  44. placeholder-color: rgba(0, 0, 0, .4),
  45. focused-placeholder-color: #333,
  46. border-radius: 3px,
  47. input-underline-width: 0,
  48. focused-input-underline-width: 0,
  49. invalid-input-underline-width: 0
  50. ));
  51. $textfield-solo-ui: dynamic((
  52. input-background-color: #FFFFFF,
  53. input-color: rgba(0, 0, 0, .4),
  54. focused-input-color: rgba(0, 0, 0, .4),
  55. input-padding: 10px 10px 10px 0,
  56. input-padding-big: 10px 10px 10px 0,
  57. input-border-width: 0,
  58. placeholder-color: rgba(0, 0, 0, .4),
  59. border-radius: 3px,
  60. input-underline-width: 0,
  61. focused-input-underline-width: 0,
  62. invalid-input-underline-width: 0
  63. ));