Skip to content
This repository was archived by the owner on Feb 27, 2023. It is now read-only.

Commit 0d69643

Browse files
authored
Merge pull request #22 from rarmatei/prettify-everything
format all files using prettier
2 parents 8667983 + 4db1ce4 commit 0d69643

File tree

54 files changed

+1829
-1632
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+1829
-1632
lines changed

Diff for: .vscode/extensions.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
// See http://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
3+
// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
4+
5+
// List of extensions which should be recommended for users of this workspace.
6+
"recommendations": ["esbenp.prettier-vscode"],
7+
// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
8+
"unwantedRecommendations": []
9+
}

Diff for: css/combined-skills.css

+132-134
Original file line numberDiff line numberDiff line change
@@ -1,239 +1,237 @@
11
html,
22
body {
3-
font-size: 16px;
4-
background: #fff;
3+
font-size: 16px;
4+
background: #fff;
55
}
66

77
* {
8-
box-sizing: border-box;
8+
box-sizing: border-box;
99
}
1010

1111
a {
12-
color: #0870c8;
13-
font-weight: 700;
12+
color: #0870c8;
13+
font-weight: 700;
1414
}
1515

1616
a:hover,
1717
a:focus {
18-
color: #3497ec;
18+
color: #3497ec;
1919
}
2020

2121
.site-wrapper {
22-
max-width: 80rem;
23-
margin: 0 auto;
24-
background: #fff;
25-
box-shadow: none;
22+
max-width: 80rem;
23+
margin: 0 auto;
24+
background: #fff;
25+
box-shadow: none;
2626
}
2727

2828
.site-header {
29-
padding-top: 0.5rem;
30-
padding-bottom: 0.5rem;
29+
padding-top: 0.5rem;
30+
padding-bottom: 0.5rem;
3131
}
3232

3333
.site-header__title,
3434
.main-nav {
35-
padding: 0.5rem;
35+
padding: 0.5rem;
3636
}
3737

3838
.site-header__title {
39-
margin: 0 0.5rem;
40-
background: #0870c8;
41-
color: #fff;
42-
text-align: center;
43-
font-size: 2rem;
44-
font-weight: 300;
45-
letter-spacing: 5px;
39+
margin: 0 0.5rem;
40+
background: #0870c8;
41+
color: #fff;
42+
text-align: center;
43+
font-size: 2rem;
44+
font-weight: 300;
45+
letter-spacing: 5px;
4646
}
4747

4848
.main-nav__list {
49-
margin: 0;
50-
padding: 0;
51-
list-style: none;
52-
min-width: 240px;
49+
margin: 0;
50+
padding: 0;
51+
list-style: none;
52+
min-width: 240px;
5353
}
5454

5555
.main-nav__list-item a {
56-
display: inline-block;
57-
padding: 0.25rem 0;
58-
text-transform: uppercase;
59-
text-decoration: none;
56+
display: inline-block;
57+
padding: 0.25rem 0;
58+
text-transform: uppercase;
59+
text-decoration: none;
6060
}
6161

6262
.site-search {
63-
position: relative;
64-
margin: 0.5rem;
63+
position: relative;
64+
margin: 0.5rem;
6565
}
6666

6767
.site-search label,
6868
.site-search button {
69-
position: absolute;
70-
left: -9999px;
69+
position: absolute;
70+
left: -9999px;
7171
}
7272

7373
.site-search svg {
74-
position: absolute;
75-
top: 50%;
76-
left: 0.75rem;
77-
transform: translateY(-50%);
78-
color: #0870c8;
79-
width: 16px;
80-
height: 16px;
74+
position: absolute;
75+
top: 50%;
76+
left: 0.75rem;
77+
transform: translateY(-50%);
78+
color: #0870c8;
79+
width: 16px;
80+
height: 16px;
8181
}
8282

8383
.site-search .site-search__input {
84-
display: block;
85-
padding: 0.5em 1em 0.5em 2rem;
86-
border: 4px solid #0870c8;
87-
width: auto;
88-
max-width: none;
84+
display: block;
85+
padding: 0.5em 1em 0.5em 2rem;
86+
border: 4px solid #0870c8;
87+
width: auto;
88+
max-width: none;
8989
}
9090

9191
main {
92-
padding: 0.5rem;
92+
padding: 0.5rem;
9393
}
9494

9595
.hero__image,
9696
.item__image {
97-
display: block;
98-
max-width: 100%;
99-
height: auto;
97+
display: block;
98+
max-width: 100%;
99+
height: auto;
100100
}
101101

102102
.hero__title,
103103
.item__title {
104-
font-weight: 600;
104+
font-weight: 600;
105105
}
106106

107107
.hero__author,
108108
.item__author {
109-
font-style: italic;
109+
font-style: italic;
110110
}
111111

112112
.hero__author span,
113113
.item__author span {
114-
font-style: normal;
115-
font-weight: 600;
114+
font-style: normal;
115+
font-weight: 600;
116116
}
117117

118118
.items,
119119
.item + .item {
120-
margin-top: 3rem;
120+
margin-top: 3rem;
121121
}
122122

123123
.views {
124-
margin-top: 3rem;
125-
padding: 0.5rem 0;
124+
margin-top: 3rem;
125+
padding: 0.5rem 0;
126126
}
127127

128128
.views__title {
129-
margin: 0;
130-
font-weight: 400;
131-
font-size: 1rem;
132-
font-style: italic;
129+
margin: 0;
130+
font-weight: 400;
131+
font-size: 1rem;
132+
font-style: italic;
133133
}
134134

135135
.view-list {
136-
margin: 0;
137-
padding: 0;
138-
list-style: none;
136+
margin: 0;
137+
padding: 0;
138+
list-style: none;
139139
}
140140

141141
.view-list__item,
142142
.views__all {
143-
display: block;
144-
padding: 0.25rem 0;
145-
text-transform: uppercase;
146-
text-decoration: none;
143+
display: block;
144+
padding: 0.25rem 0;
145+
text-transform: uppercase;
146+
text-decoration: none;
147147
}
148148

149149
.contact-form {
150-
max-width: 30em;
150+
max-width: 30em;
151151
}
152152

153153
.contact-form__field + .contact-form__field {
154-
margin-top: 1rem;
154+
margin-top: 1rem;
155155
}
156156

157157
footer {
158-
margin-top: 2rem;
159-
padding-top: 2rem;
160-
padding-bottom: 2rem;
161-
text-align: center;
158+
margin-top: 2rem;
159+
padding-top: 2rem;
160+
padding-bottom: 2rem;
161+
text-align: center;
162162
}
163163

164164
footer svg {
165-
width: 12px;
166-
height: 12px;
165+
width: 12px;
166+
height: 12px;
167167
}
168168

169169
footer p:last-child {
170-
margin-top: 2rem;
171-
font-size: 0.9rem;
172-
color: rgba(0,0,0,0.64);
170+
margin-top: 2rem;
171+
font-size: 0.9rem;
172+
color: rgba(0, 0, 0, 0.64);
173173
}
174174

175175
footer p:last-child a {
176-
color: rgba(0,0,0,0.64);
177-
font-weight: 400;
176+
color: rgba(0, 0, 0, 0.64);
177+
font-weight: 400;
178178
}
179179

180180
@media (min-width: 768px) {
181-
182-
.site-header__title {
183-
font-size: 3rem;
184-
}
185-
186-
.hero {
187-
position: relative;
188-
overflow: hidden;
189-
padding: 10vw;
190-
background: #000;
191-
color: rgba(255,255,255,0.9);
192-
}
193-
194-
.hero__image {
195-
position: absolute;
196-
top: 0;
197-
left: 0;
198-
opacity: 0.7;
199-
}
200-
201-
.hero__title,
202-
.hero__author,
203-
.hero__time {
204-
position: relative;
205-
}
206-
207-
.hero__title {
208-
max-width: 15em;
209-
font-size: 2rem;
210-
font-weight: 300;
211-
text-shadow: 0 2px 0 rgba(0,0,0,0.5);
212-
}
213-
214-
.items {
215-
margin-top: 1rem;
216-
display: flex;
217-
justify-content: space-around;
218-
}
219-
220-
.item {
221-
width: 100%;
222-
}
223-
224-
.item + .item {
225-
margin-top: 0;
226-
margin-left: 1.5rem;
227-
}
228-
229-
.views {
230-
border-bottom: 1px solid rgba(0,0,0,0.2);
231-
}
181+
.site-header__title {
182+
font-size: 3rem;
183+
}
184+
185+
.hero {
186+
position: relative;
187+
overflow: hidden;
188+
padding: 10vw;
189+
background: #000;
190+
color: rgba(255, 255, 255, 0.9);
191+
}
192+
193+
.hero__image {
194+
position: absolute;
195+
top: 0;
196+
left: 0;
197+
opacity: 0.7;
198+
}
199+
200+
.hero__title,
201+
.hero__author,
202+
.hero__time {
203+
position: relative;
204+
}
205+
206+
.hero__title {
207+
max-width: 15em;
208+
font-size: 2rem;
209+
font-weight: 300;
210+
text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
211+
}
212+
213+
.items {
214+
margin-top: 1rem;
215+
display: flex;
216+
justify-content: space-around;
217+
}
218+
219+
.item {
220+
width: 100%;
221+
}
222+
223+
.item + .item {
224+
margin-top: 0;
225+
margin-left: 1.5rem;
226+
}
227+
228+
.views {
229+
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
230+
}
232231
}
233232

234233
@media (min-width: 80rem) {
235-
236-
.hero {
237-
padding: 130px;
238-
}
234+
.hero {
235+
padding: 130px;
236+
}
239237
}

0 commit comments

Comments
 (0)