fix: Deep modifier not needed outside isolated css

linkdotnet · linkdotnet · commit 6ee3e6360359 · 2025-03-29T13:39:20.000+01:00
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/aboutme.css b/src/LinkDotNet.Blog.Web/wwwroot/css/aboutme.css
@@ -89,11 +89,10 @@
     letter-spacing: 0.05em;
 }
 
-/* As the MarkupComponent is a base class we have to use deep */
-::deep .aboutme-profile-keypoints li p {
+.aboutme-profile-keypoints li p {
     display: inline;
 }
 
 .item-draggable {
     cursor: grab;
-}
+}
diff --git a/src/LinkDotNet.Blog.Web/wwwroot/css/basic.css b/src/LinkDotNet.Blog.Web/wwwroot/css/basic.css
@@ -186,7 +186,7 @@ code {
     font-size: 2.5rem;
 }
 
-::deep .navbar-nav li {
+.navbar-nav li {
     padding-left: 1rem;
     white-space: nowrap;
 }

Original file line number	Diff line number	Diff line change
`@@ -89,11 +89,10 @@`
`89`	`89`	`letter-spacing: 0.05em;`
`90`	`90`	`}`
`91`	`91`
`92`		`-/* As the MarkupComponent is a base class we have to use deep */`
`93`		`-::deep .aboutme-profile-keypoints li p {`
	`92`	`+.aboutme-profile-keypoints li p {`
`94`	`93`	`display: inline;`
`95`	`94`	`}`
`96`	`95`
`97`	`96`	`.item-draggable {`
`98`	`97`	`cursor: grab;`
`99`		`-}`
	`98`	`+}`