site rework!!

1 files changed, 46 insertions, 0 deletions

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);
+}