diff options
| author | Robert Günzler <r@gnzler.io> | 2026-10-02 10:33:53 +0200 |
|---|---|---|
| committer | Robert Günzler <r@gnzler.io> | 2026-10-02 10:45:00 +0200 |
| commit | 3c588cb48d4d3026c8a00faa8732c0655328e63c (patch) | |
| tree | 535ea33bf7fbd30e0fef1ebbf2a5c975418d5f14 /links/hero.css | |
| parent | f8a7a9ab00efe774f28f8f3211aef90a9abfc6be (diff) | |
| download | site-3c588cb48d4d3026c8a00faa8732c0655328e63c.tar.gz | |
*
Automated-commit-by: commitall Signed-off-by: Robert Günzler <r@gnzler.io>
Diffstat (limited to 'links/hero.css')
| -rw-r--r-- | links/hero.css | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/links/hero.css b/links/hero.css deleted file mode 100644 index a28f835..0000000 --- a/links/hero.css +++ /dev/null @@ -1,89 +0,0 @@ -:root { - --body-spacing: 0; - --hero-width: 700px; - --hero-nav-width: calc(var(--hero-width) / 2); - --hero-section-width: calc((var(--hero-nav-width) / 2) - (var(--hero-section-border-width) / 2)); - --hero-section-border-width: 1px; -} - -body { - width: 100vw; - height: 100vh; - - display: grid; - place-items: center; -} - -main.hero { - display: grid; - place-items: center; -} - -main.hero>img { - height: 33vh; - width: 66vw; -} - -main.hero>nav { - width: calc(700px / 2); -} - -main.hero>nav section { - display: block; - margin-left: 1rem; -} - -main.hero>nav section+section { - margin-top: 15px; -} - -main.hero>nav section.left { - margin-right: var(--hero-section-width); - text-align: end; - - padding-right: 15px; - border-right: var(--hero-section-border-width) solid var(--fg); -} - -main.hero>nav section.right { - margin-left: var(--hero-section-width); - text-align: start; - - padding-left: 15px; - border-left: var(--hero-section-border-width) solid var(--fg); -} - -main.hero ul, -main.hero ol { - padding: 0; - margin: 0; -} - -main.hero>nav li+li { - margin-top: 5px; -} - -@media (pointer: coarse), -(hover: none) { - main.hero { - [title] { - position: relative; - display: inline-flex; - } - - [title]:focus::after { - content: attr(title); - position: absolute; - top: 3rem; - left: 1rem; - color: color-mix(in srgb, var(--fg) 90%, transparent); - background-color: color-mix(in srgb, var(--bg) 90%, transparent); - border: 1px solid; - text-wrap: nowrap; - width: min-content; - max-width: 100vw; - padding: 1px 5px; - z-index: 9999; - } - } -} |