summaryrefslogtreecommitdiffstatshomepage
path: root/src/components/tabs.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/tabs.css')
-rw-r--r--src/components/tabs.css23
1 files changed, 10 insertions, 13 deletions
diff --git a/src/components/tabs.css b/src/components/tabs.css
index bf17767..e524518 100644
--- a/src/components/tabs.css
+++ b/src/components/tabs.css
@@ -2,22 +2,21 @@
[role="tablist"] {
display: flex;
gap: .5ch;
- overfiow-x: auto;
scrollbar-width: thin;
}
-[role="tab"] {
+[role="tab"][role="tab"] {
all: initial;
padding: 0 calc(var(--rhythm) / 4);
margin: 0;
min-height: var(--rhythm);
- border: 1px solid var(--faded-fg);
+ border: solid var(--accent);
+ border-width: 1px 1px 0 1px;
+ border-block-end-color: transparent;
background: var(--bg-3);
- transform: translateY(1px);
-
border-start-start-radius: .4em;
border-start-end-radius: .4em;
@@ -25,15 +24,12 @@
outline-bottom: none;
}
- &:active {
- transform: translateY(.2em);
- clip-path: inset(0 0 calc(.2em - 1px) 0);
- border-block-end: 1px solid var(--bg);
- }
-
- &[aria-selected="true"] {
+ &:active, &[aria-selected="true"] {
+ transform: none;
+ bottom: -1px;
+ position: relative;
background: var(--bg-2);
- border-block-end: 1px solid var(--bg);
+ border-block-end: 1px solid var(--bg-2);
}
}
@@ -42,4 +38,5 @@
margin-block-start: 0;
border-start-start-radius: 0;
border-start-end-radius: 0;
+ z-index: 1;
}