diff options
Diffstat (limited to 'assets/css/deco.css')
| -rw-r--r-- | assets/css/deco.css | 46 |
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); +} |
