about summary refs log tree commit diff
path: root/links/hero.css
diff options
context:
space:
mode:
authorRobert Günzler <r@gnzler.io>2026-10-02 10:33:53 +0200
committerRobert Günzler <r@gnzler.io>2026-10-02 10:45:00 +0200
commit3c588cb48d4d3026c8a00faa8732c0655328e63c (patch)
tree535ea33bf7fbd30e0fef1ebbf2a5c975418d5f14 /links/hero.css
parentf8a7a9ab00efe774f28f8f3211aef90a9abfc6be (diff)
downloadsite-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.css89
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;
-    }
-  }
-}