Skip to content

Commit ac0ba18

Browse files
kathikraemerkathikraemer
committed
fix: improve dynmaic font-size usage
1 parent f2283a8 commit ac0ba18

File tree

20 files changed

+146
-142
lines changed

20 files changed

+146
-142
lines changed

‎docs/404.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/assets/css/blog.css

Lines changed: 0 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -8,69 +8,6 @@
88
margin-inline: var(--content-margin);
99
}
1010

11-
.project-wrapper {
12-
display: flex;
13-
flex-direction: column;
14-
justify-content: center;
15-
align-items: center;
16-
padding-inline: 10px;
17-
}
18-
.project-wrapper .project-title {
19-
font-family: "november";
20-
font-size: 45px;
21-
line-height: 5rem;
22-
text-align: center;
23-
color: #f7f7f7;
24-
display: flex;
25-
justify-content: center;
26-
padding: 100px 0px 0 0px;
27-
}
28-
.project-wrapper .project-title.not-found {
29-
color: #000000;
30-
}
31-
.project-wrapper .project-title.wide-letters {
32-
letter-spacing: 0.1em;
33-
}
34-
.project-wrapper .project-info {
35-
width: 100%;
36-
line-height: 1.3;
37-
letter-spacing: 0.01em;
38-
position: relative;
39-
max-width: 40rem;
40-
margin: 0px auto;
41-
color: #f7f7f7;
42-
}
43-
.project-wrapper .project-info.highlight {
44-
box-sizing: border-box;
45-
padding: 1.5rem;
46-
margin-bottom: 120px;
47-
color: black;
48-
background: #f7f7f7;
49-
border-radius: 20px;
50-
}
51-
.project-wrapper .project-info.highlight p {
52-
margin-block: 10px;
53-
}
54-
.project-wrapper .project-info.highlight .cta-button:hover {
55-
background-color: #e2c81e;
56-
}
57-
@media (min-width: 576px) {
58-
.project-wrapper .project-info.highlight {
59-
padding: 4rem;
60-
}
61-
}
62-
63-
.coming-soon {
64-
font-family: "november";
65-
font-size: 45px;
66-
line-height: 5rem;
67-
text-align: center;
68-
color: #f7f7f7;
69-
display: flex;
70-
justify-content: center;
71-
padding-bottom: 60px;
72-
}
73-
7411
.post-header {
7512
margin: 150px auto 20px auto;
7613
padding-inline: 20px;

‎docs/assets/css/home.css

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -478,13 +478,11 @@ header h1.deven-headtext {
478478

479479
.member-name {
480480
font-weight: bold;
481-
font-size: 16px;
482481
margin: 0;
483482
color: #f7f7f7;
484483
}
485484

486485
.member-title {
487-
font-size: 16px;
488486
margin: 0;
489487
color: #f7f7f7;
490488
}

‎docs/assets/css/project.css

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
.project-wrapper {
2+
display: flex;
3+
flex-direction: column;
4+
justify-content: center;
5+
align-items: center;
6+
padding-inline: 10px;
7+
}
8+
.project-wrapper .project-title {
9+
font-family: "november";
10+
font-size: 45px;
11+
line-height: 5rem;
12+
text-align: center;
13+
color: #f7f7f7;
14+
display: flex;
15+
justify-content: center;
16+
padding: 100px 0px 0 0px;
17+
}
18+
.project-wrapper .project-title.not-found {
19+
color: #000000;
20+
}
21+
.project-wrapper .project-title.wide-letters {
22+
letter-spacing: 0.1em;
23+
}
24+
.project-wrapper .project-info {
25+
width: 100%;
26+
line-height: 1.3;
27+
letter-spacing: 0.01em;
28+
position: relative;
29+
max-width: 40rem;
30+
margin: 0px auto;
31+
color: #f7f7f7;
32+
}
33+
.project-wrapper .project-info.highlight {
34+
box-sizing: border-box;
35+
padding: 1.5rem;
36+
margin-bottom: 120px;
37+
color: black;
38+
background: #f7f7f7;
39+
border-radius: 20px;
40+
}
41+
.project-wrapper .project-info.highlight p {
42+
margin-block: 10px;
43+
}
44+
.project-wrapper .project-info.highlight .cta-button:hover {
45+
background-color: #e2c81e;
46+
}
47+
@media (min-width: 576px) {
48+
.project-wrapper .project-info.highlight {
49+
padding: 4rem;
50+
}
51+
}
52+
53+
.coming-soon {
54+
font-family: "november";
55+
font-size: 45px;
56+
line-height: 5rem;
57+
text-align: center;
58+
color: #f7f7f7;
59+
display: flex;
60+
justify-content: center;
61+
padding-bottom: 60px;
62+
}

‎docs/assets/css/richtext.css

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,10 @@
99
}
1010
}
1111
.richtext p {
12-
font-size: 16px;
1312
margin-block: 20px;
1413
}
1514
.richtext h2 {
16-
font-size: 28px;
15+
font-size: 1.75rem;
1716
font-weight: bold;
1817
line-height: 1.3;
1918
letter-spacing: 0.28px;
@@ -28,7 +27,7 @@
2827
margin-top: 40px;
2928
}
3029
.richtext h3 {
31-
font-size: 22px;
30+
font-size: 1.375rem;
3231
font-weight: bold;
3332
line-height: 1.4;
3433
letter-spacing: 0.2px;
@@ -76,7 +75,6 @@ li .richtext ol {
7675
list-style: decimal;
7776
}
7877
.richtext li {
79-
font-size: 16px;
8078
padding: 5px 0;
8179
}
8280
.richtext code {

‎docs/blog/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/boiler/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/contributors/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/documentation-skeleton/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/imprint/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/posts/20170110-what-is-web-compatibility/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/posts/20170116-why-do-we-need-web-compatibility/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/posts/20170404-key-to-productivity/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎docs/telemetry/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
<link rel="stylesheet" href="/assets/css/main.css">
1414
<link rel="stylesheet" href="/assets/css/home.css">
1515
<link rel="stylesheet" href="/assets/css/contributors.css">
16+
<link rel="stylesheet" href="/assets/css/project.css">
1617
<link rel="stylesheet" href="/assets/css/blog.css">
1718
<link rel="stylesheet" href="/assets/css/post-list.css">
1819
<link rel="stylesheet" href="/assets/css/richtext.css">

‎src/_includes/layouts/base.njk

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
<link rel="stylesheet" href="/assets/css/main.css">
1919
<link rel="stylesheet" href="/assets/css/home.css">
2020
<link rel="stylesheet" href="/assets/css/contributors.css">
21+
<link rel="stylesheet" href="/assets/css/project.css">
2122
<link rel="stylesheet" href="/assets/css/blog.css">
2223
<link rel="stylesheet" href="/assets/css/post-list.css">
2324
<link rel="stylesheet" href="/assets/css/richtext.css">

‎src/assets/css/blog.scss

Lines changed: 0 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -10,73 +10,6 @@
1010
margin-inline: var(--content-margin);
1111
}
1212

13-
.project-wrapper {
14-
display: flex;
15-
flex-direction: column;
16-
justify-content: center;
17-
align-items: center;
18-
padding-inline: 10px;
19-
.project-title {
20-
font-family: 'november';
21-
font-size: 45px;
22-
line-height: 5rem;
23-
text-align: center;
24-
color: #f7f7f7;
25-
display: flex;
26-
justify-content: center;
27-
padding: 100px 0px 0 0px;
28-
&.not-found {
29-
color: #000000;
30-
}
31-
&.wide-letters {
32-
letter-spacing: 0.1em;
33-
}
34-
}
35-
.project-info {
36-
width: 100%;
37-
line-height: 1.3;
38-
letter-spacing: 0.01em;
39-
position: relative;
40-
max-width: 40rem;
41-
margin: 0px auto;
42-
43-
color: #f7f7f7;
44-
45-
&.highlight {
46-
box-sizing: border-box;
47-
padding: 1.5rem;
48-
margin-bottom: 120px;
49-
color: black;
50-
background: #f7f7f7;
51-
border-radius: 20px;
52-
53-
p {
54-
margin-block: 10px;
55-
}
56-
57-
.cta-button:hover {
58-
// darker yellow instead of same color as background
59-
background-color: #e2c81e;
60-
}
61-
62-
@include media.sm {
63-
padding: 4rem;
64-
}
65-
}
66-
}
67-
}
68-
69-
.coming-soon {
70-
font-family: 'november';
71-
font-size: 45px;
72-
line-height: 5rem;
73-
text-align: center;
74-
color: #f7f7f7;
75-
display: flex;
76-
justify-content: center;
77-
padding-bottom: 60px;
78-
}
79-
8013
.post-header {
8114
margin: 150px auto 20px auto;
8215
padding-inline: 20px;

‎src/assets/css/home.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -542,13 +542,11 @@ header h1.deven-headtext {
542542

543543
.member-name {
544544
font-weight: bold;
545-
font-size: 16px;
546545
margin: 0;
547546
color: #f7f7f7;
548547
}
549548

550549
.member-title {
551-
font-size: 16px;
552550
margin: 0;
553551
color: #f7f7f7;
554552
}

0 commit comments

Comments
 (0)