diff options
Diffstat (limited to 'src/components/landing/sections/Resume.module.css')
-rw-r--r-- | src/components/landing/sections/Resume.module.css | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/src/components/landing/sections/Resume.module.css b/src/components/landing/sections/Resume.module.css new file mode 100644 index 0000000..246ebec --- /dev/null +++ b/src/components/landing/sections/Resume.module.css | |||
@@ -0,0 +1,121 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2023 Kristóf Marussy | ||
3 | * | ||
4 | * SPDX-License-Identifier: MIT | ||
5 | */ | ||
6 | |||
7 | .cv { | ||
8 | position: relative; | ||
9 | } | ||
10 | |||
11 | .cv::before { | ||
12 | content: ' '; | ||
13 | position: absolute; | ||
14 | width: 0.25rem; | ||
15 | top: 0.5rem; | ||
16 | bottom: 0; | ||
17 | left: 0.5rem; | ||
18 | background: var(--ifm-color-primary); | ||
19 | transform: skew(0, -30deg); | ||
20 | } | ||
21 | |||
22 | .cv__item { | ||
23 | position: relative; | ||
24 | list-style-type: none; | ||
25 | } | ||
26 | |||
27 | .cv__item::before { | ||
28 | position: absolute; | ||
29 | content: ' '; | ||
30 | top: 0; | ||
31 | left: -2rem; | ||
32 | width: 0.75rem; | ||
33 | height: 0.75rem; | ||
34 | background: var(--ifm-color-white); | ||
35 | border: 0.25rem solid var(--ifm-color-primary); | ||
36 | border-radius: 100em; | ||
37 | } | ||
38 | |||
39 | [data-theme='dark'] .cv__item::before { | ||
40 | background: var(--ifm-background-color); | ||
41 | } | ||
42 | |||
43 | .cv__item p { | ||
44 | margin: 1rem 0; | ||
45 | } | ||
46 | |||
47 | .cv__title { | ||
48 | --casl: 0; | ||
49 | } | ||
50 | |||
51 | .cv__times { | ||
52 | display: flex; | ||
53 | flex-wrap: wrap; | ||
54 | align-items: baseline; | ||
55 | gap: 0.5rem; | ||
56 | } | ||
57 | |||
58 | .cv__time { | ||
59 | position: relative; | ||
60 | display: inline-block; | ||
61 | padding: 0.25rem 0.5em; | ||
62 | font-size: 0.9rem; | ||
63 | --mono: 1; | ||
64 | } | ||
65 | |||
66 | .cv__time::before { | ||
67 | content: ' '; | ||
68 | position: absolute; | ||
69 | top: 0; | ||
70 | bottom: 0; | ||
71 | left: 0; | ||
72 | right: 0; | ||
73 | z-index: -1; | ||
74 | background: var(--ifm-color-emphasis-200); | ||
75 | transform: skew(-12deg, 0); | ||
76 | } | ||
77 | |||
78 | [data-theme='dark'] .cv__time::before { | ||
79 | background: var(--ifm-pre-background); | ||
80 | } | ||
81 | |||
82 | [data-theme='dark'] .cv__time a { | ||
83 | --ifm-link-color: var(--ifm-color-primary-light); | ||
84 | --ifm-link-hover-color: var(--ifm-color-primary-light); | ||
85 | } | ||
86 | |||
87 | .cv__awarddesc { | ||
88 | font-size: 0.875rem; | ||
89 | color: var(--ifm-color-emphasis-800); | ||
90 | } | ||
91 | |||
92 | [data-theme='dark'] .cv__awarddesc { | ||
93 | color: var(--ifm-color-emphasis-600); | ||
94 | } | ||
95 | |||
96 | .cv__activities { | ||
97 | margin: 1em 0; | ||
98 | } | ||
99 | |||
100 | .cv__activity { | ||
101 | margin: 1em 0; | ||
102 | list-style-type: disc; | ||
103 | } | ||
104 | |||
105 | .cv__activity--tight { | ||
106 | margin: 0; | ||
107 | } | ||
108 | |||
109 | .thesis-links { | ||
110 | display: flex; | ||
111 | column-gap: 0.5rem; | ||
112 | row-gap: 1rem; | ||
113 | flex-wrap: wrap; | ||
114 | align-items: baseline; | ||
115 | width: 100%; | ||
116 | margin: 1rem 0; | ||
117 | } | ||
118 | |||
119 | .thesis-links__link { | ||
120 | font-size: 0.875rem; | ||
121 | } | ||