commit f8206358bacacc29120758d094eb6421fe77b7df parent cec1e7cdb6dcbf86dd8c0ca65ada5777582aa8ae Author: Kévin Le Gouguec <kevin.legouguec@gmail.com> Date: Thu, 18 Mar 2021 23:29:11 +0100 Try to position calendar away from noticeable background elements I'd call that ropecasting, but it feels more like shooting wooden arrows at the robodinosaurs. Without a bow, by throwing them like darts. Diffstat:
| M | stylesheets/index.css | | | 30 | ++++++++++++++++++++++++++++-- |
1 file changed, 28 insertions(+), 2 deletions(-)
diff --git a/stylesheets/index.css b/stylesheets/index.css @@ -72,8 +72,34 @@ a#next-concert:hover, a#next-concert:focus { a#next-concert { bottom: auto; left: auto; - top: 10%; - } + } + + /* Try to keep calendar above the heads but below the lamp 🤕 */ + @media (max-aspect-ratio: 1/2) { + a#next-concert { + top: 30%; + } + } + @media (min-aspect-ratio: 1/2) { + a#next-concert { + top: 27%; + } + } + @media (min-aspect-ratio: 2/3) { + a#next-concert { + top: 26%; + } + } + @media (min-aspect-ratio: 3/4) { + a#next-concert { + top: 23%; + } + } + @media (min-aspect-ratio: 85/100) { + a#next-concert { + top: 0; + } + } } @media (min-width: 50em) {