diff options
Diffstat (limited to 'src/css/style.css')
-rw-r--r-- | src/css/style.css | 36 |
1 files changed, 29 insertions, 7 deletions
diff --git a/src/css/style.css b/src/css/style.css index 14a2e96..1d39cc0 100644 --- a/src/css/style.css +++ b/src/css/style.css | |||
@@ -1,5 +1,7 @@ | |||
1 | /* CSS Reset */ | 1 | /* CSS Reset */ |
2 | *, *::before, *::after { | 2 | *, |
3 | *::before, | ||
4 | *::after { | ||
3 | box-sizing: border-box; | 5 | box-sizing: border-box; |
4 | } | 6 | } |
5 | 7 | ||
@@ -9,15 +11,28 @@ | |||
9 | line-height: calc(1em + 0.5rem); | 11 | line-height: calc(1em + 0.5rem); |
10 | } | 12 | } |
11 | 13 | ||
12 | img, picture, video, canvas, svg { | 14 | img, |
15 | picture, | ||
16 | video, | ||
17 | canvas, | ||
18 | svg { | ||
13 | display: block; | 19 | display: block; |
14 | } | 20 | } |
15 | 21 | ||
16 | input, button, textarea, select { | 22 | input, |
23 | button, | ||
24 | textarea, | ||
25 | select { | ||
17 | font: inherit; | 26 | font: inherit; |
18 | } | 27 | } |
19 | 28 | ||
20 | p, h1, h2, h3, h4, h5, h6 { | 29 | p, |
30 | h1, | ||
31 | h2, | ||
32 | h3, | ||
33 | h4, | ||
34 | h5, | ||
35 | h6 { | ||
21 | overflow-wrap: break-word; | 36 | overflow-wrap: break-word; |
22 | hyphens: auto; | 37 | hyphens: auto; |
23 | } | 38 | } |
@@ -29,7 +44,12 @@ body { | |||
29 | line-height: 1.6; | 44 | line-height: 1.6; |
30 | } | 45 | } |
31 | 46 | ||
32 | h1, h2, h3, h4, h5, h6 { | 47 | h1, |
48 | h2, | ||
49 | h3, | ||
50 | h4, | ||
51 | h5, | ||
52 | h6 { | ||
33 | font-weight: bold; | 53 | font-weight: bold; |
34 | margin-bottom: 0.5em; | 54 | margin-bottom: 0.5em; |
35 | } | 55 | } |
@@ -102,7 +122,8 @@ pre:has(code) { | |||
102 | } | 122 | } |
103 | } | 123 | } |
104 | 124 | ||
105 | ul, ol { | 125 | ul, |
126 | ol { | ||
106 | margin-top: 1em; | 127 | margin-top: 1em; |
107 | margin-bottom: 1em; | 128 | margin-bottom: 1em; |
108 | padding-left: 20px; | 129 | padding-left: 20px; |
@@ -118,7 +139,8 @@ table { | |||
118 | width: 100%; | 139 | width: 100%; |
119 | } | 140 | } |
120 | 141 | ||
121 | th, td { | 142 | th, |
143 | td { | ||
122 | padding: 8px; | 144 | padding: 8px; |
123 | 145 | ||
124 | border: 1px solid #ddd; | 146 | border: 1px solid #ddd; |