From 95ceed33d3adec472f4a1b5d3517baf645766e44 Mon Sep 17 00:00:00 2001 From: delta Date: Sat, 25 Jul 2026 11:42:01 +0200 Subject: site rework!! --- assets/css/deco.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 assets/css/deco.css (limited to 'assets/css/deco.css') diff --git a/assets/css/deco.css b/assets/css/deco.css new file mode 100644 index 0000000..91cf431 --- /dev/null +++ b/assets/css/deco.css @@ -0,0 +1,46 @@ +nav .tab::before, +nav .tab::after { + background-color: var(--color); + z-index: 1; +} + +nav .tab::before, +nav .tab::after, +nav .tab > a::before, +nav .tab > a::after { + --size: var(--border-radius); + content: ""; + width: var(--size); + height: var(--size); + position: absolute; + bottom: 0; +} + +nav .tab::before, +nav .tab > a::before { + right: 100%; +} + +nav .tab::after, +nav .tab > a::after { + left: 100%; +} + +nav .tab > a::before, +nav .tab > a::after { + background-color: var(--bg-lowest); + z-index: 2; +} + +nav .tab > a:focus-visible::before, +nav .tab > a:focus-visible::after { + background-color: transparent; +} + +nav .tab > a::after { + border-bottom-left-radius: var(--size); +} + +nav .tab > a::before { + border-bottom-right-radius: var(--size); +} -- cgit v1.2.3