Add mobile reachability header

This commit is contained in:
Svilen Markov
2024-05-08 01:21:55 +01:00
parent 976fb02bd3
commit 2389415071
3 changed files with 19 additions and 5 deletions

View File

@@ -497,7 +497,7 @@ body {
animation-delay: 150ms;
}
.mobile-navigation {
.mobile-navigation, .mobile-reachability-header {
display: none;
}
@@ -1027,6 +1027,15 @@ body {
.hide-on-mobile {
display: none
}
.mobile-reachability-header {
display: block;
font-size: 3rem;
padding: 10vh 1rem;
text-align: center;
color: var(--color-text-highlight);
animation: pageColumnsEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards;
}
}
.size-h1 { font-size: var(--font-size-h1); }