Skip to content

Commit

Permalink
Merge pull request #165 from deven-org/fix/dynamic-font-sizes
Browse files Browse the repository at this point in the history
fix: improve dynmaic font-size usage
  • Loading branch information
kathikraemer authored Oct 17, 2023
2 parents 4ef293e + ac0ba18 commit 53dca17
Show file tree
Hide file tree
Showing 20 changed files with 146 additions and 142 deletions.
1 change: 1 addition & 0 deletions docs/404.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
63 changes: 0 additions & 63 deletions docs/assets/css/blog.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,69 +8,6 @@
margin-inline: var(--content-margin);
}

.project-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-inline: 10px;
}
.project-wrapper .project-title {
font-family: "november";
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding: 100px 0px 0 0px;
}
.project-wrapper .project-title.not-found {
color: #000000;
}
.project-wrapper .project-title.wide-letters {
letter-spacing: 0.1em;
}
.project-wrapper .project-info {
width: 100%;
line-height: 1.3;
letter-spacing: 0.01em;
position: relative;
max-width: 40rem;
margin: 0px auto;
color: #f7f7f7;
}
.project-wrapper .project-info.highlight {
box-sizing: border-box;
padding: 1.5rem;
margin-bottom: 120px;
color: black;
background: #f7f7f7;
border-radius: 20px;
}
.project-wrapper .project-info.highlight p {
margin-block: 10px;
}
.project-wrapper .project-info.highlight .cta-button:hover {
background-color: #e2c81e;
}
@media (min-width: 576px) {
.project-wrapper .project-info.highlight {
padding: 4rem;
}
}

.coming-soon {
font-family: "november";
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding-bottom: 60px;
}

.post-header {
margin: 150px auto 20px auto;
padding-inline: 20px;
Expand Down
2 changes: 0 additions & 2 deletions docs/assets/css/home.css
Original file line number Diff line number Diff line change
Expand Up @@ -478,13 +478,11 @@ header h1.deven-headtext {

.member-name {
font-weight: bold;
font-size: 16px;
margin: 0;
color: #f7f7f7;
}

.member-title {
font-size: 16px;
margin: 0;
color: #f7f7f7;
}
Expand Down
62 changes: 62 additions & 0 deletions docs/assets/css/project.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
.project-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-inline: 10px;
}
.project-wrapper .project-title {
font-family: "november";
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding: 100px 0px 0 0px;
}
.project-wrapper .project-title.not-found {
color: #000000;
}
.project-wrapper .project-title.wide-letters {
letter-spacing: 0.1em;
}
.project-wrapper .project-info {
width: 100%;
line-height: 1.3;
letter-spacing: 0.01em;
position: relative;
max-width: 40rem;
margin: 0px auto;
color: #f7f7f7;
}
.project-wrapper .project-info.highlight {
box-sizing: border-box;
padding: 1.5rem;
margin-bottom: 120px;
color: black;
background: #f7f7f7;
border-radius: 20px;
}
.project-wrapper .project-info.highlight p {
margin-block: 10px;
}
.project-wrapper .project-info.highlight .cta-button:hover {
background-color: #e2c81e;
}
@media (min-width: 576px) {
.project-wrapper .project-info.highlight {
padding: 4rem;
}
}

.coming-soon {
font-family: "november";
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding-bottom: 60px;
}
6 changes: 2 additions & 4 deletions docs/assets/css/richtext.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,10 @@
}
}
.richtext p {
font-size: 16px;
margin-block: 20px;
}
.richtext h2 {
font-size: 28px;
font-size: 1.75rem;
font-weight: bold;
line-height: 1.3;
letter-spacing: 0.28px;
Expand All @@ -28,7 +27,7 @@
margin-top: 40px;
}
.richtext h3 {
font-size: 22px;
font-size: 1.375rem;
font-weight: bold;
line-height: 1.4;
letter-spacing: 0.2px;
Expand Down Expand Up @@ -76,7 +75,6 @@ li .richtext ol {
list-style: decimal;
}
.richtext li {
font-size: 16px;
padding: 5px 0;
}
.richtext code {
Expand Down
1 change: 1 addition & 0 deletions docs/blog/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/boiler/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/contributors/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/documentation-skeleton/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/imprint/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/posts/20170110-what-is-web-compatibility/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/posts/20170404-key-to-productivity/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions docs/telemetry/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
1 change: 1 addition & 0 deletions src/_includes/layouts/base.njk
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="stylesheet" href="/assets/css/home.css">
<link rel="stylesheet" href="/assets/css/contributors.css">
<link rel="stylesheet" href="/assets/css/project.css">
<link rel="stylesheet" href="/assets/css/blog.css">
<link rel="stylesheet" href="/assets/css/post-list.css">
<link rel="stylesheet" href="/assets/css/richtext.css">
Expand Down
67 changes: 0 additions & 67 deletions src/assets/css/blog.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,73 +10,6 @@
margin-inline: var(--content-margin);
}

.project-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-inline: 10px;
.project-title {
font-family: 'november';
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding: 100px 0px 0 0px;
&.not-found {
color: #000000;
}
&.wide-letters {
letter-spacing: 0.1em;
}
}
.project-info {
width: 100%;
line-height: 1.3;
letter-spacing: 0.01em;
position: relative;
max-width: 40rem;
margin: 0px auto;

color: #f7f7f7;

&.highlight {
box-sizing: border-box;
padding: 1.5rem;
margin-bottom: 120px;
color: black;
background: #f7f7f7;
border-radius: 20px;

p {
margin-block: 10px;
}

.cta-button:hover {
// darker yellow instead of same color as background
background-color: #e2c81e;
}

@include media.sm {
padding: 4rem;
}
}
}
}

.coming-soon {
font-family: 'november';
font-size: 45px;
line-height: 5rem;
text-align: center;
color: #f7f7f7;
display: flex;
justify-content: center;
padding-bottom: 60px;
}

.post-header {
margin: 150px auto 20px auto;
padding-inline: 20px;
Expand Down
2 changes: 0 additions & 2 deletions src/assets/css/home.scss
Original file line number Diff line number Diff line change
Expand Up @@ -542,13 +542,11 @@ header h1.deven-headtext {

.member-name {
font-weight: bold;
font-size: 16px;
margin: 0;
color: #f7f7f7;
}

.member-title {
font-size: 16px;
margin: 0;
color: #f7f7f7;
}
Expand Down
Loading

0 comments on commit 53dca17

Please sign in to comment.