diff options
author | Hsieh Chin Fan <pham@topo.tw> | 2024-08-13 23:58:38 +0800 |
---|---|---|
committer | Hsieh Chin Fan <pham@topo.tw> | 2024-09-07 17:02:01 +0800 |
commit | 15a939d234910016d36d4297ec14de51c96168ce (patch) | |
tree | 4b3fe24f842485242949c19e3b2d0c078cae7797 /src/css/style.css |
Initial Commit
Diffstat (limited to 'src/css/style.css')
-rw-r--r-- | src/css/style.css | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/src/css/style.css b/src/css/style.css new file mode 100644 index 0000000..e650c1e --- /dev/null +++ b/src/css/style.css | |||
@@ -0,0 +1,114 @@ | |||
1 | /* CSS Reset */ | ||
2 | *, *::before, *::after { | ||
3 | box-sizing: border-box; | ||
4 | } | ||
5 | |||
6 | * { | ||
7 | margin: 0; | ||
8 | line-height: calc(1em + 0.5rem); | ||
9 | } | ||
10 | |||
11 | img, picture, video, canvas, svg { | ||
12 | display: block; | ||
13 | max-width: 100%; | ||
14 | } | ||
15 | |||
16 | input, button, textarea, select { | ||
17 | font: inherit; | ||
18 | } | ||
19 | |||
20 | p, h1, h2, h3, h4, h5, h6 { | ||
21 | overflow-wrap: break-word; | ||
22 | hyphens: auto; | ||
23 | } | ||
24 | /* End of Reset */ | ||
25 | |||
26 | body { | ||
27 | font-family: sans-serif; | ||
28 | line-height: 1.6; | ||
29 | } | ||
30 | |||
31 | h1, h2, h3, h4, h5, h6 { | ||
32 | font-weight: bold; | ||
33 | margin-bottom: 0.5em; | ||
34 | } | ||
35 | |||
36 | h1 { | ||
37 | font-size: 2em; | ||
38 | } | ||
39 | |||
40 | h2 { | ||
41 | font-size: 1.5em; | ||
42 | } | ||
43 | |||
44 | h3 { | ||
45 | font-size: 1.25em; | ||
46 | } | ||
47 | |||
48 | p { | ||
49 | margin-top: 1em; | ||
50 | margin-bottom: 1em; | ||
51 | } | ||
52 | |||
53 | a { | ||
54 | color: #007bff; | ||
55 | text-decoration: none; | ||
56 | } | ||
57 | |||
58 | a:hover { | ||
59 | text-decoration: underline; | ||
60 | } | ||
61 | |||
62 | pre:has([class^="language-"]) { | ||
63 | min-width: 400px; | ||
64 | display: block; | ||
65 | padding: 9.5px; | ||
66 | margin: 0 0 10px; | ||
67 | font-size: 13px; | ||
68 | line-height: 1.42857143; | ||
69 | color: #333; | ||
70 | word-break: break-all; | ||
71 | word-wrap: break-word; | ||
72 | background-color: #f5f5f5; | ||
73 | border: 1px solid #ccc; | ||
74 | border-radius: 4px; | ||
75 | |||
76 | code { | ||
77 | padding: 0; | ||
78 | font-size: inherit; | ||
79 | color: inherit; | ||
80 | white-space: pre-wrap; | ||
81 | background-color: transparent; | ||
82 | border-radius: 0; | ||
83 | } | ||
84 | } | ||
85 | |||
86 | ul, ol { | ||
87 | margin-top: 1em; | ||
88 | margin-bottom: 1em; | ||
89 | padding-left: 20px; | ||
90 | } | ||
91 | |||
92 | li { | ||
93 | margin-bottom: 0.5em; | ||
94 | } | ||
95 | |||
96 | table { | ||
97 | border-collapse: collapse; | ||
98 | width: 100%; | ||
99 | } | ||
100 | |||
101 | th, td { | ||
102 | border: 1px solid #ddd; | ||
103 | padding: 8px; | ||
104 | text-align: left; | ||
105 | } | ||
106 | |||
107 | th { | ||
108 | background-color: #f0f0f0; | ||
109 | } | ||
110 | |||
111 | img { | ||
112 | max-width: 100%; | ||
113 | height: auto; | ||
114 | } | ||