meissa/dda-masto-embed
6
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Update in resources

Browse source
This commit is contained in:
erik 2024-05-29 15:23:20 +02:00
parent a91003568f
commit 2a8171b9bb
1 changed files with 7 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
src/main/dda/masto_embed/resources/post.css
View file

@ -7,6 +7,8 @@
display: grid; display: grid;
grid: ". post ." / auto auto auto; 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 { .mastodon-post {
grid-area: post; grid-area: post;
justify-self: center; 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 { .section.replies-mode {
@ -233,6 +206,8 @@
display: grid; display: grid;
grid: ". post ." / auto auto auto; 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 { .mastodon-post {
grid-area: post; grid-area: post;
justify-self: center; justify-self: center;
@ -301,13 +276,14 @@
grid-area: content; grid-area: content;
display: grid; display: grid;
grid: grid:
"image text" / auto; "image text" / minmax(40%, 108px) auto;
padding: var(--medium); padding: var(--medium);
.mastodon-post-text { .mastodon-post-text {
grid-area: text; grid-area: text;
align-self: center; align-self: center;
padding: var(--medium); display: grid;
padding: var(--medium) 0 var(--medium) var(--medium);
} }
.mastodon-post-image { .mastodon-post-image {
@ -373,33 +349,5 @@
} }
} }
@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;
}
} }