diff options
| author | Jan Palma <honzik@janpalma.cz> | 2026-03-14 16:08:49 +0100 |
|---|---|---|
| committer | Jan Palma <honzik@janpalma.cz> | 2026-03-14 16:08:49 +0100 |
| commit | 90d1d669f49c6e93fdbebdd52f20a22c3ba962ed (patch) | |
| tree | 16403ee221c12ea99532d2916059f90d16b279fc /assets/css/main.css | |
| parent | b7e36a6d55629f13a1e42e1b46993c1b76319d06 (diff) | |
| download | spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar.gz spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar.bz2 spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar.lz spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar.xz spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.tar.zst spelis-web-90d1d669f49c6e93fdbebdd52f20a22c3ba962ed.zip | |
New design
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 32 |
1 files changed, 29 insertions, 3 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index b558868..431553d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -10,12 +10,26 @@ body { a { color: var(--text); padding: 0.2rem; - border-radius: 0.1rem; + clip-path: polygon(0% 0,0% calc(100% - 0.2rem), 0.2rem 100%,100% 100%, 100% 0%); + border-radius: 0rem; text-decoration: none; position: relative; isolation: isolate; } +a[target="_blank"]::before { + content: ""; + background-color: currentColor; + clip-path: polygon(0% 0, 100% 100%, 100% 0%); + position: absolute; + top: 0; + width: 0.4rem; + height: 0.4rem; + right: 0; + z-index: -1; +} + + a::after { content: ""; background-color: var(--text); @@ -23,13 +37,14 @@ a::after { width: 100%; height: 0.2rem; bottom: 0; - border-radius: 0.1rem 0.1rem; + border-radius: 0; left: 0; z-index: -1; } a.active, a:hover { color: var(--base); + clip-path: polygon(0% 0,0% calc(100% - 0.4rem), 0.4rem 100%,100% 100%, 100% 0%); background-color: var(--text); } @@ -45,6 +60,16 @@ header h1 { padding: 0; margin: 0; } +header .logo { + display: flex; + align-items: center; + gap: 0.5rem; + padding-inline: 0.5rem; +} +header .logo svg { + height: 2rem; + width: auto; +} nav ul { padding: 0; @@ -79,7 +104,8 @@ code { background-color: var(--code); color: var(--code-text); padding: 0.2rem; - border-radius: 0.1rem; + border-radius: 0; + clip-path: polygon(0% 0,0% calc(100% - 0.4rem), 0.4rem 100%,100% 100%, 100% 0%); } footer { max-width: 80ch; |