linuxposting/tilde-site
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

worky on mobile now!

Browse source
This commit is contained in:
Luna Magdalena :3 2025-11-17 18:23:23 -03:00
parent 90e732f25e
commit c7ad1e812c
2 changed files with 88 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

41
assets/base.css
View file

@ -93,6 +93,19 @@ li {
opacity: 0
}
.hyper {
color: var(--c-highlight);
right: 64px;
left: auto !important;
text-decoration: underline;
}
.hyper:hover {
color: var(--c-bg);
background-color: var(--c-highlight);
cursor: pointer
}
/* here are some @media rules to choose when to display ascii art */
.ascii > div, .splash {
@ -182,6 +195,20 @@ main {
top: 0;
left: calc(50vw + 24px);
}
@media (600px < width < 632px) {
.hyper {
right: 32px !important
}
}
@media (max-width: 600px) {
.title2:not(:last-child) {
display: none
}
.hyper {
left: calc(50vw + 24px) !important;
right: auto !important;
}
}
}
@media screen and (max-aspect-ratio: 1000/1001) {
@ -201,6 +228,20 @@ main {
top: calc(var(--vh) * 50 - 12px);
left: 32px;
}
@media (300px < width < 332px) {
.hyper {
right: 32px !important
}
}
@media (max-width: 300px) {
.title2:not(:last-child) {
display: none
}
.hyper {
left: 32px !important;
right: auto !important;
}
}
}
@media (max-width: 430px) and (max-height: 430px), (any-hover: none) {