diff options
author | Christoph Cullmann <cullmann@kde.org> | 2022-10-21 21:09:12 +0200 |
---|---|---|
committer | Christoph Cullmann <cullmann@kde.org> | 2022-10-21 21:09:12 +0200 |
commit | ec19540d9299cd65b3598bcb0acb69a6545c6e10 (patch) | |
tree | 7958239128857bf857da542da2360507feccec80 /themes/PaperMod/assets/css/common/header.css | |
parent | 9e3457474b73741354cf222eb419e4733c2aac20 (diff) |
add simple theme
Diffstat (limited to 'themes/PaperMod/assets/css/common/header.css')
m--------- | themes/PaperMod | 0 | ||||
-rw-r--r-- | themes/PaperMod/assets/css/common/header.css | 93 |
2 files changed, 93 insertions, 0 deletions
diff --git a/themes/PaperMod b/themes/PaperMod deleted file mode 160000 -Subproject 3a0a4811cbc07c0bea09ef55b3c1bfb39b48cdd diff --git a/themes/PaperMod/assets/css/common/header.css b/themes/PaperMod/assets/css/common/header.css new file mode 100644 index 0000000..64894da --- /dev/null +++ b/themes/PaperMod/assets/css/common/header.css @@ -0,0 +1,93 @@ +.nav { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + max-width: calc(var(--nav-width) + var(--gap) * 2); + margin-inline-start: auto; + margin-inline-end: auto; + line-height: var(--header-height); +} + +.nav a { + display: block; +} + +.logo, +#menu { + display: flex; + margin: auto var(--gap); +} + +.logo { + flex-wrap: inherit; +} + +.logo a { + font-size: 24px; + font-weight: 700; +} + +.logo a img, .logo a svg { + display: inline; + vertical-align: middle; + pointer-events: none; + transform: translate(0, -10%); + border-radius: 6px; + margin-inline-end: 8px; +} + +button#theme-toggle { + font-size: 26px; + margin: auto 4px; +} + +body.dark #moon { + vertical-align: middle; + display: none; +} + +body:not(.dark) #sun { + display: none; +} + +#menu { + list-style: none; + word-break: keep-all; + overflow-x: auto; + white-space: nowrap; +} + +#menu li + li { + margin-inline-start: var(--gap); +} + +#menu a { + font-size: 16px; +} + +#menu .active { + font-weight: 500; + border-bottom: 2px solid currentColor; +} + +.lang-switch li, +.lang-switch ul, +.logo-switches { + display: inline-flex; + margin: auto 4px; +} + +.lang-switch { + display: flex; + flex-wrap: inherit; +} + +.lang-switch a { + margin: auto 3px; + font-size: 16px; + font-weight: 500; +} + +.logo-switches { + flex-wrap: inherit; +} |