summaryrefslogtreecommitdiff
path: root/assets/css/deco.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/deco.css')
-rw-r--r--assets/css/deco.css46
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);
+}