diff options
author | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2023-08-30 01:06:39 +0530 |
---|---|---|
committer | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2023-08-30 01:06:39 +0530 |
commit | 2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 (patch) | |
tree | 919a0065276553b16c930885312008d2574fe114 /css/_navbar.scss |
first commit
Diffstat (limited to 'css/_navbar.scss')
-rw-r--r-- | css/_navbar.scss | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/css/_navbar.scss b/css/_navbar.scss new file mode 100644 index 0000000..f55d215 --- /dev/null +++ b/css/_navbar.scss @@ -0,0 +1,49 @@ +#navbar-wrapper { + width: 100%; + background-color: var(--nav-bg); + color: var(--nav-fg); + height: var(--nav-height); + display: flex; + align-items: center; + justify-content: center; + + #navbar { + height: 100%; + width: 98%; + display: flex; + align-items: center; + justify-content: space-around; + + #nav-logo { + height: var(--nav-height); + + a { + height: 100%; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + + img { + max-width: 100%; + max-height: 90%; + } + } + } + + nav { + flex: 1; + display: flex; + justify-content: right; + gap: 0.6rem; + + a { + color: var(--nav-fg); + } + + a.active { + color: var(--link-fg); + } + } + } +} |