aboutsummaryrefslogtreecommitdiff
path: root/css/_navbar.scss
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:06:39 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.com>2023-08-30 01:06:39 +0530
commit2fdcb7c79e8333c0fa9c14e34da5eaebe96e32b4 (patch)
tree919a0065276553b16c930885312008d2574fe114 /css/_navbar.scss
first commit
Diffstat (limited to 'css/_navbar.scss')
-rw-r--r--css/_navbar.scss49
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);
+ }
+ }
+ }
+}