base.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. img {
  52. vertical-align: middle;
  53. }
  54. table {
  55. width: 100%;
  56. border-collapse: collapse;
  57. border-spacing: 0;
  58. }
  59. textarea {
  60. resize: vertical;
  61. min-height: 60px;
  62. }
  63. dialog {
  64. position: fixed;
  65. padding: 0;
  66. &::backdrop {
  67. background-color: rgb(0 0 0 / 60%);
  68. }
  69. }
  70. summary {
  71. list-style: none;
  72. &::-webkit-details-marker {
  73. display: none;
  74. }
  75. }