From 4fa986df02ff66766bd66f608a96f4da0e52c07d Mon Sep 17 00:00:00 2001
From: Filip Znachor <filip@znachor.cz>
Date: Tue, 20 Jun 2023 00:34:31 +0200
Subject: [PATCH] =?UTF-8?q?Men=C5=A1=C3=AD=20=C3=BApravy=20designu=20a=20s?=
 =?UTF-8?q?truktury?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vuepress/config.ts         |  6 ++--
 .vuepress/styles/index.scss | 67 +++++++++++++++++++++++++++++++++++++
 2 files changed, 70 insertions(+), 3 deletions(-)

diff --git a/.vuepress/config.ts b/.vuepress/config.ts
index 0af52da..236d2ea 100644
--- a/.vuepress/config.ts
+++ b/.vuepress/config.ts
@@ -24,8 +24,8 @@ export default defineUserConfig({
 			"/api": [
 				{
 					text: "API",
+					link: "/api",
 					children: [
-						{text: "Úvod", link: "/api"},
 						{text: "Email", link: "/api/email"},
 						{text: "QR", link: "/api/qr"},
 					]
@@ -34,8 +34,8 @@ export default defineUserConfig({
 			"/software": [
 				{
 					text: "Software",
+					link: "/software",
 					children: [
-						{text: "Úvod", link: "/software"},
 						"/software/desktop",
 						"/software/os"
 					]
@@ -50,8 +50,8 @@ export default defineUserConfig({
 			"/linux": [
 				{
 					text: "Linux",
+					link: "/linux",
 					children: [
-						"/linux",
 						"/linux/prostredi",
 						"/linux/kompatibilita",
 						"/linux/hry"
diff --git a/.vuepress/styles/index.scss b/.vuepress/styles/index.scss
index e416c45..3cb7702 100644
--- a/.vuepress/styles/index.scss
+++ b/.vuepress/styles/index.scss
@@ -22,10 +22,14 @@ html.dark {
 
 }
 
+/* Page top padding */
+
 .page .theme-default-content {
 	padding-top: 2.5rem;
 }
 
+/* Special card component */
+
 :is(blockquote, .card) :is(p, ol, ul) {
 	margin: 7px 0;
 	line-height: 1.5;
@@ -39,4 +43,67 @@ html.dark {
 }
 .card > .inner {
 	margin: 12px 16px;
+}
+
+/* Navbar items */
+
+.navbar .navbar-items .navbar-item {
+	& > a {
+		position: relative;
+		font-weight: 700;
+		&:after {
+			content: "";
+			position: absolute;
+			bottom: -2px;
+			background-color: var(--c-brand);
+			border-radius: 2px;
+			height: 2px;
+			left: 50%;
+			width: 0%;
+			transition: all .2s;
+		}
+	}
+	& > :is(a:hover, a.router-link-active) {
+		border: none;
+		&:after {
+			left: 20%;
+			width: 60%;
+		}
+	}
+}
+
+
+/* Sidebar items */
+
+a.sidebar-heading {
+	color: var(--c-text) !important;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+ul.sidebar-items a {
+	border-color: transparent !important;
+}
+
+ul.sidebar-items > * > * > * > .sidebar-item:not(p.sidebar-heading) {
+	position: relative;
+	&:after {
+		content: "";
+		position: absolute;
+		background-color: var(--c-brand);
+		border-radius: 2px;
+		top: 50%;
+		left: 20px;
+		width: 4px;
+		height: 4px;
+		margin-top: -2px;
+		opacity: 0;
+		transform: scale(0);
+		transition: all .2s;
+	}
+	&.active:after {
+		opacity: 1;
+		transform: scale(1);
+	}
 }
\ No newline at end of file