rulrich/pcs-website-test
1
0
Fork 0
mirror of https://git.bolliret.ch/pcs/pcs-website synced 2026-01-18 15:21:36 +01:00
Code Issues Projects Releases Packages Wiki Activity

Constant font sizes above viewport width of 1540px and tried to reduce jumpiness between 1530p and 1540px

Browse source
This commit is contained in:
Reto Bollinger 2024-11-19 13:35:08 +01:00
parent 4a6b860432
commit e4c4875fa0
1 changed files with 32 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
lektor/lektordata/project/assets/static/style.css
View file

@ -8,7 +8,7 @@
} }
body { body {
font-size: 1vw; font-size: 23px;
font-family: "Roboto-Light","Arial",sans-serif; font-family: "Roboto-Light","Arial",sans-serif;
margin: 50px 25px margin: 50px 25px
} }
@ -86,17 +86,17 @@ footer,header,header h1 {
} }
header { header {
font-size: 1vw font-size: 20px;
} }
footer { footer {
font-size: .75vw font-size: 16px;
} }
header h1 { header h1 {
margin: 0; margin: 0;
font-weight: 700; font-weight: 700;
font-size: 1.9vw font-size: 38px;
} }
header nav ul { header nav ul {
@ -144,7 +144,7 @@ div.page {
} }
.termine ul > li > div { .termine ul > li > div {
width: 500px; width: 500px;
font-size: 0.75vw; font-size: 20px;
} }
@ -171,7 +171,7 @@ div.page {
} }
.termine ul > li > ul > li > div{ .termine ul > li > ul > li > div{
font-size: 0.75vw; font-size: 20px;
} }
@ -236,6 +236,31 @@ div.page {
footer { footer {
font-size: 1vw font-size: 1vw
} }
.termine ul > li {
width: 65vw;
}
.termine ul > li > div {
width: 35vw;
}
.termine ul > li > ul > li {
width: 11vw;
}
.termine ul > li > ul > li:nth-child(1){
width: 16vw;
}
.termine ul > li > ul > li:nth-child(2){
width: 5vw;
}
.termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 1.25vw;
}
} }
@media (min-width:769px) and (max-width:1024px) { @media (min-width:769px) and (max-width:1024px) {
@ -271,7 +296,7 @@ div.page {
font-size: 1.75vw font-size: 1.75vw
} }
.inner_page.bgimage .image img { .inner_page.bgimage .image img{
width: 150px width: 150px
} }
} }