feat(css): use css-nesting

CHANGELOG.md

@@ -42,6 +42,7 @@ All notable changes to this project will be documented in this file.
 - _(package)_ Update `git-cliff` ([47a54c6](https://git.usrspace.at/XimeX/usrspace-browser-addon/commit/47a54c6cbd2b30de937d5a9e8e1cff53257174f1))
 - _(changelog)_ Improve changelog format ([e2dff3f](https://git.usrspace.at/XimeX/usrspace-browser-addon/commit/e2dff3f308a2521af07e451b3dfb6ead85e152ea))
 - _(changelog)_ Improve changelog format ([096b451](https://git.usrspace.at/XimeX/usrspace-browser-addon/commit/096b4516bf3853531f62fff9a7e291928a6b8993))
+- _(package)_ Update dependencies ([088da6b](https://git.usrspace.at/XimeX/usrspace-browser-addon/commit/088da6b8889b23141e785fe53ca72ed7094c98b2))
 
 ## [0.9.5](https://git.usrspace.at/XimeX/usrspace-browser-addon/compare/v0.9.4..v0.9.5) - 2023-09-13
 

src/extension.css

@@ -37,29 +37,29 @@ body * {
 	flex-direction: row;
 	height: 24px;
 	padding: 0 16px;
-}
 
-.panel-list-item:hover {
+	&:hover {
 		background-color: rgba(0, 0, 0, 0.06);
 		border-block: 1px solid rgba(0, 0, 0, 0.1);
-}
+	}
 
-.panel-list-item:hover:active {
+	&:hover:active {
 		background-color: rgba(0, 0, 0, 0.1);
-}
+	}
 
-.panel-list-item > .icon {
+	& > .icon {
 		flex-grow: 0;
 		flex-shrink: 0;
-}
+	}
 
-.panel-list-item > .text {
+	& > .text {
 		flex-grow: 10;
-}
+	}
 
-.panel-list-item > .text-shortcut {
+	& > .text-shortcut {
 		color: #808080;
 		font-family: "Lucida Grande", caption;
 		font-size: .847em;
 		justify-content: flex-end;
+	}
 }

src/manifest.json

@@ -28,7 +28,8 @@
 	"browser_specific_settings": {
 		"gecko": {
 			"id": "{c9a907ad-a047-4cf6-8b5d-95097d31aa5b}",
-			"strict_min_version": "115.0"
+			"strict_min_version": "117.0"
-		}
 		}
+	},
+	"minimum_chrome_version": "120"
 }

src/popup.css

@@ -64,11 +64,11 @@ h2 {
 summary {
 	margin: 6px 12px;
 	cursor: pointer;
-}
 
-summary > h2 {
+	& > h2 {
 		margin: 0;
 		display: inline-block;
+	}
 }
 
 time {
@@ -99,13 +99,15 @@ svg {
 	margin-inline-end: 8px;
 }
 
-#calendar > .calendar-entry,
+#calendar {
-#calendar > .calendar-entry > div > div {
+	& > .calendar-entry,
+	& > .calendar-entry > div > div {
 		display: flex;
-}
+	}
 
-#calendar address {
+	& address {
 		display: inline;
+	}
 }
 
 #space-api {
@@ -115,10 +117,10 @@ svg {
 	overflow-block: scroll;
 	scrollbar-gutter: stable;
 	background-color: var(--code-background);
-}
 
-#space-api code {
+	& code {
 		font-family: monospace;
 		font-size: 10px;
 		white-space: break-spaces;
+	}
 }