markus/AMPERION_Webpage
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor SCSS and HTML for improved layout, typography, and animations

Browse source
This commit is contained in:
astosic 2025-08-04 19:03:47 +02:00
parent 30fb9c0827
commit 53eff1def7
8 changed files with 265 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/scss/_typography.scss
View file

@ -27,7 +27,7 @@ body {
// ---------------------------
h1 {
font-size: clamp(2rem, 5vw, 3rem); // ~32px auf Desktop
font-size: clamp(2.5rem, 5vw, 4rem); // ~32px auf Desktop
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
@ -42,7 +42,7 @@ h1.page-title {
h2 {
font-size: clamp(1.25rem, 2vw, 1.5rem); // Reaktionsfähig statt fix
font-size: clamp(2rem, 3vw, 2.5rem); // Reaktionsfähig statt fix
font-style: italic;
font-weight: 400;
line-height: 1.4;
@ -52,16 +52,17 @@ h2 {
h3 {
font-size: clamp(1.2rem, 1.8vw, 1.5rem);
font-size: clamp(1.8rem, 1.8vw, 2rem);
font-weight: normal;
line-height: 1.6;
margin-bottom: 1rem;
color: inherit;
color: #F5A623;
}
p {
font-style: normal;
font-size: clamp(1.3rem, 1.5vw, 1.4rem);
font-size: clamp(1.5rem, 1.5vw, 1.8rem);
margin-bottom: 1.25rem;
line-height: 1.6;
}