TextInput.scss 540 B

12345678910111213141516171819202122232425
  1. @import "../css/variables.module";
  2. .excalidraw {
  3. .TextInput {
  4. color: var(--text-primary-color);
  5. display: inline-block;
  6. border: 1.5px solid var(--button-gray-1);
  7. line-height: 1;
  8. padding: 0.75rem;
  9. white-space: nowrap;
  10. border-radius: var(--space-factor);
  11. background-color: var(--input-bg-color);
  12. &:not(:focus) {
  13. &:hover {
  14. background-color: var(--input-hover-bg-color);
  15. }
  16. }
  17. &:focus {
  18. outline: none;
  19. box-shadow: 0 0 0 2px var(--focus-highlight-color);
  20. }
  21. }
  22. }