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.

global.css 728 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. outline: 0;
  33. }
  34. pre {
  35. overflow: auto;
  36. margin: 0 -1rem;
  37. padding: 0 1rem;
  38. line-height: 1.2;
  39. }
  40. @media only print {
  41. pre, pre * {
  42. color: inherit !important;
  43. }
  44. code, code * {
  45. color: inherit !important;
  46. }
  47. img {
  48. filter: grayscale(100%);
  49. }
  50. :root {
  51. --color-accent: black !important;
  52. --color-active: black !important;
  53. }
  54. }