base.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. /* Base
  2. ========================================================================== */
  3. html {
  4. height: 100%;
  5. box-sizing: border-box;
  6. font-family: sans-serif;
  7. }
  8. *,
  9. *::before,
  10. *::after {
  11. box-sizing: inherit;
  12. }
  13. :focus { outline: none; }
  14. html,
  15. input,
  16. textarea,
  17. select,
  18. button {
  19. -webkit-font-smoothing: antialiased;
  20. -moz-osx-font-smoothing: grayscale;
  21. }
  22. body {
  23. font-family: var(--font-family);
  24. font-size: 0.85rem;
  25. line-height: 1.5;
  26. height: 100%;
  27. color: var(--color-text);
  28. background-color: var(--color-background);
  29. }
  30. a {
  31. color: var(--color-text);
  32. text-decoration: none;
  33. }
  34. h1,
  35. h2,
  36. h3,
  37. p,
  38. pre {
  39. margin: 0;
  40. }
  41. ol,
  42. ul {
  43. list-style: none;
  44. margin: 0;
  45. padding: 0;
  46. }
  47. button {
  48. cursor: pointer;
  49. line-height: inherit;
  50. }
  51. table {
  52. width: 100%;
  53. border-collapse: collapse;
  54. border-spacing: 0;
  55. }
  56. textarea {
  57. resize: vertical;
  58. min-height: 60px;
  59. }
  60. dialog {
  61. position: fixed;
  62. padding: 0;
  63. &::backdrop {
  64. background-color: rgb(0 0 0 / 60%);
  65. }
  66. }
  67. summary {
  68. list-style: none;
  69. &::-webkit-details-marker {
  70. display: none;
  71. }
  72. }