✨ Created navbar

2024-09-03 19:01:03 +02:00
parent a4d77952de
commit 1fde514aaf
9 changed files with 218 additions and 2 deletions
@@ -0,0 +1,39 @@
+.navbar {
+	$navSize: 60px;
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	display: grid;
+	justify-items: center;
+	align-items: center;
+	width: 100svw;
+	height: $navSize;
+	background-color: #d94253;
+
+	& > .navButton {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		gap: 5px;
+		width: $navSize;
+		height: $navSize;
+		border-radius: 50%;
+		background-color: #d94253;
+		color: #ffffff;
+
+		& > svg {
+			width: $navSize / 2.5;
+		}
+
+		&.selected {
+			margin-top: $navSize / -2;
+			scale: 1.2;
+		}
+
+		& > .navButtonLabel {
+			font-size: 0.7rem;
+			color: #ffffff;
+		}
+	}
+}