Design system.
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

global.css 1.1 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. body {
  2. margin: 0;
  3. }
  4. title {
  5. font-size: 4em;
  6. text-transform: lowercase;
  7. }
  8. meta[name="display-title"] {
  9. font-size: 4em;
  10. text-transform: lowercase;
  11. }
  12. meta[name="display-title"]::before {
  13. display: block;
  14. content: attr(content);
  15. }
  16. h1 {
  17. font-size: 3em;
  18. text-transform: lowercase;
  19. }
  20. h2 {
  21. font-size: 2em;
  22. text-transform: lowercase;
  23. }
  24. h3 {
  25. font-size: 1.75em;
  26. text-transform: lowercase;
  27. }
  28. h4 {
  29. font-size: 1.5em;
  30. text-transform: lowercase;
  31. }
  32. h5 {
  33. font-size: 1.25em;
  34. text-transform: lowercase;
  35. }
  36. h6 {
  37. font-size: 1.125em;
  38. text-transform: lowercase;
  39. }
  40. p {
  41. margin: 2em 0;
  42. }
  43. small {
  44. font-size: 0.75em;
  45. }
  46. a:focus {
  47. outline: 0;
  48. }
  49. pre {
  50. overflow: auto;
  51. margin: 0 -1rem;
  52. padding: 0 1rem;
  53. line-height: 1.2;
  54. box-sizing: border-box;
  55. }
  56. @media only print {
  57. pre, pre * {
  58. color: inherit !important;
  59. }
  60. code, code * {
  61. color: inherit !important;
  62. }
  63. img {
  64. filter: grayscale(100%);
  65. }
  66. :root {
  67. --color-accent: black !important;
  68. --color-active: black !important;
  69. }
  70. }
  71. /* kitchen-sink styles */
  72. .container {
  73. max-width: 720px;
  74. }