| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- * {
- box-sizing: border-box;
- }
-
- html {
- height: 100%;
- font-size: 14px;
- }
-
- body {
- font-family: var(--font-family);
- color: var(--text-color);
- background-color: var(--surface-ground);
- margin: 0;
- padding: 0;
- min-height: 100%;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-
- a {
- text-decoration: none;
- color: var(--primary-color);
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin: 1.5rem 0 1rem 0;
- font-family: inherit;
- font-weight: 500;
- line-height: 1.2;
- color: inherit;
-
- &:first-child {
- margin-top: 0;
- }
- }
-
- h1 {
- font-size: 2.5rem;
- }
-
- h2 {
- font-size: 2rem;
- }
-
- h3 {
- font-size: 1.75rem;
- }
-
- h4 {
- font-size: 1.5rem;
- }
-
- h5 {
- font-size: 1.25rem;
- }
-
- h6 {
- font-size: 1rem;
- }
-
- mark {
- background: #fff8e1;
- padding: 0.25rem 0.4rem;
- border-radius: 12px;
- font-family: monospace;
- }
-
- blockquote {
- margin: 1rem 0;
- padding: 0 2rem;
- border-left: 4px solid #90a4ae;
- }
-
- hr {
- border-top: solid var(--surface-border);
- border-width: 1px 0 0 0;
- margin: 1rem 0;
- }
-
- p {
- margin: 0 0 1rem 0;
- line-height: 1.5;
-
- &:last-child {
- margin-bottom: 0;
- }
- }
|