mattrguerra.comHouston area
Matt Guerra
  1. 01AI & Automation
  2. 02Photography
  3. 03Design
  4. 04About
  5. 05Notes
  6. 06Contact
Back to the systems

mattrguerra/cortexmainPrivate on GitHub, published here in full

base.css

CSS1.1 KB70 lines

src/styles/base.css

  1. *,
  2. *::before,
  3. *::after {
  4. box-sizing: border-box;
  5. }
  6. html,
  7. body,
  8. #root {
  9. height: 100%;
  10. margin: 0;
  11. }
  12. body {
  13. font-family: var(--font);
  14. font-size: 14px;
  15. line-height: 1.5;
  16. color: var(--text-1);
  17. background: var(--backdrop);
  18. background-attachment: fixed;
  19. -webkit-font-smoothing: antialiased;
  20. overflow: hidden;
  21. user-select: none;
  22. -webkit-user-select: none;
  23. }
  24. :root[data-vibrancy='native'] body {
  25. background: transparent;
  26. }
  27. button,
  28. input,
  29. textarea,
  30. select {
  31. font: inherit;
  32. color: inherit;
  33. }
  34. button {
  35. cursor: default;
  36. }
  37. :focus-visible {
  38. outline: none;
  39. box-shadow: var(--focus);
  40. border-radius: var(--radius-sm);
  41. }
  42. .selectable,
  43. .selectable * {
  44. user-select: text;
  45. -webkit-user-select: text;
  46. }
  47. .sr-only {
  48. position: absolute;
  49. width: 1px;
  50. height: 1px;
  51. overflow: hidden;
  52. clip: rect(0 0 0 0);
  53. white-space: nowrap;
  54. }
  55. ::-webkit-scrollbar {
  56. width: 10px;
  57. height: 10px;
  58. }
  59. ::-webkit-scrollbar-thumb {
  60. background: var(--hairline);
  61. border-radius: 10px;
  62. border: 3px solid transparent;
  63. background-clip: content-box;
  64. }
  65. @media (prefers-reduced-motion: reduce) {
  66. * {
  67. animation: none !important;
  68. transition: none !important;
  69. }
  70. }