Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

59 lines
610 B

  1. body {
  2. margin: 0;
  3. }
  4. h1 {
  5. font-size: 3em;
  6. text-transform: lowercase;
  7. }
  8. h2 {
  9. font-size: 2em;
  10. text-transform: lowercase;
  11. }
  12. h3 {
  13. font-size: 1.75em;
  14. text-transform: lowercase;
  15. }
  16. h4 {
  17. text-transform: lowercase;
  18. }
  19. h5 {
  20. text-transform: lowercase;
  21. }
  22. h6 {
  23. text-transform: lowercase;
  24. }
  25. p {
  26. margin: 2em 0;
  27. }
  28. small {
  29. font-size: 0.75em;
  30. }
  31. a:focus {
  32. color: var(--color-active);
  33. outline: 0;
  34. }
  35. ::selection {
  36. background-color: var(--color-active);
  37. color: var(--color-fg);
  38. }
  39. :root {
  40. caret-color: var(--color-active);
  41. }
  42. pre {
  43. overflow: auto;
  44. margin: 0 -1rem;
  45. padding: 0 1rem;
  46. }