fix: minor UIKit prod CSS fixes

Author: bolt-bot

packages/website-ui/uikit-workshop/src/scripts/components/pl-nav/nav-accordion.scss

@@ -22,7 +22,7 @@
 
   &:not(.pl-c-nav__dropdown) {
     overflow: hidden;
-    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
+    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
   }
 
   &.pl-c-nav__dropdown {
@@ -38,10 +38,10 @@
   }
 
   > * {
-    background-color: rgba(255,255,255,.05);
+    background-color: rgba(255, 255, 255, 0.05);
 
     .pl-c-body--theme-light & {
-      background-color: rgba(0,0,0,.05);
+      background-color: rgba(0, 0, 0, 0.05);
     }
   }
 }

packages/website-ui/uikit-workshop/src/scripts/components/pl-nav/nav-link.scss

@@ -3,7 +3,7 @@
 /**
  * Nav link
  */
- .pl-c-nav__link {
+.pl-c-nav__link {
   @include linkStyle;
   border: 0;
   text-align: left;
@@ -35,15 +35,14 @@
     display: block;
   }
 
-
-  &.is-open[role="tab"].is-active:after,
+  &.is-open[role='tab'].is-active:after,
   &.is-open:not(.is-active):after,
   &.is-open + .pl-c-nav__link--icon-only:after {
-    opacity: .1;
+    opacity: 0.1;
   }
 
   &.is-open.pl-c-nav__link--title:after {
-    opacity: .05;
+    opacity: 0.05;
   }
 
   &:hover:after {
@@ -119,6 +118,30 @@
   }
 }
 
+.pl-c-body--theme-light .pl-c-nav__link {
+  &.is-open[role='tab'].is-active:after,
+  &.is-open:not(.is-active):after,
+  &.is-open + .pl-c-nav__link--icon-only:after {
+    opacity: 0.1;
+  }
+
+  &.is-open.pl-c-nav__link--title:after {
+    opacity: 0.025;
+  }
+
+  &:hover:after {
+    opacity: 0.05;
+  }
+
+  &:focus:after {
+    opacity: 0.1;
+  }
+
+  &:focus:active:after {
+    opacity: 0.125;
+  }
+}
+
 .pl-c-nav__link-text {
   flex-grow: 1;
   pointer-events: none;

packages/website-ui/uikit-workshop/src/scripts/lit-components/pl-controls/pl-controls.scss

@@ -8,6 +8,7 @@ pl-controls {
   display: flex;
   flex-wrap: nowrap;
   align-self: center;
+  margin-left: auto;
 
   .pl-c-body--theme-sidebar & {
     display: block;