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

Refactor typography styles for improved readability and layout consistency

Browse source
This commit is contained in:
astosic 2025-07-31 15:11:52 +02:00
parent ba53804650
commit 421ecc1d2a
4 changed files with 98 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

37
resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
View file

@ -1697,19 +1697,38 @@ h2, h3 {
width: auto !important;
padding: 20px; }
.about .block h1 {
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 600;
line-height: 1.3;
margin-bottom: 1rem;
color: #046e6e; }
.about .block h1.page-title {
font-size: clamp(2.5rem, 6vw, 4rem);
margin-top: 2rem;
text-transform: capitalize; }
.about .block h2 {
padding-top: 30px;
padding-bottom: 30px;
margin: 0; }
font-size: clamp(1.25rem, 2vw, 1.5rem);
font-style: italic;
font-weight: 400;
line-height: 1.4;
margin-bottom: 1rem;
color: #222; }
.about .block h3 {
padding-top: 30px;
padding-bottom: 50px;
margin: 0; }
font-size: clamp(1.2rem, 1.8vw, 1.5rem);
font-weight: normal;
line-height: 1.6;
margin-bottom: 1rem;
color: inherit; }
.about .block p {
padding-top: 20px;
line-height: 28px; }
font-style: normal;
font-size: clamp(1.3rem, 1.5vw, 1.4rem);
margin-bottom: 1.25rem;
line-height: 1.6; }
.about .block img {
width: 100%; }
@ -2563,7 +2582,7 @@ section {
.gif-background {
background-image: url("/images/BackgroundAnimation.svg");
background-size: cover;
background-position: center -220px;
background-position: center 50%;
background-repeat: no-repeat;
position: relative; }
.gif-background::after {