Implement proper font size calc

master
erik 4 weeks ago
parent 9f253e4401
commit 8bb9e6c0f8

@ -7,6 +7,8 @@
display: grid;
grid: ". post ." / auto auto auto;
font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
.mastodon-post {
grid-area: post;
justify-self: center;
@ -193,35 +195,6 @@
}
}
}
@media screen and (max-width: 575px) {
font-size: 2.1vw;
}
@media screen and (min-width: 576px) {
font-size: 2vw;
}
@media screen and (min-width: 768px) {
font-size: 2vw;
}
@media screen and (min-width: 992px) {
font-size: 1.5vw;
}
@media screen and (min-width: 1200px) {
font-size: 1.25vw;
}
@media screen and (min-width: 1400px) {
font-size: 1.1vw;
}
@media screen and (min-width: 2004px) {
font-size: 1vw;
}
}
.section.replies-mode {
@ -233,6 +206,8 @@
display: grid;
grid: ". post ." / auto auto auto;
font-size: calc(clamp(0.8rem, 19200.75rem - 40000vw, 1.0rem) + max(0.75rem, 0.5rem + 0.5208333vw) - 0.75rem);
.mastodon-post {
grid-area: post;
justify-self: center;

Loading…
Cancel
Save