feat: update the Nav design to not bold the active item in order to not shift the layout

sghoweri · sghoweri · commit 0eda4312ba9f · 2019-10-20T10:56:30.000-04:00
diff --git a/packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.scss b/packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.scss
@@ -200,7 +200,6 @@ pl-nav {
 
   &.pl-is-active {
     box-shadow: inset 4px 0 0 #6c79d9;
-    font-weight: bold;
     pointer-events: none;
   }
 }
@@ -426,9 +425,6 @@ pl-nav {
   color: $pl-color-gray-20;
   color: var(--theme-text, $pl-color-gray-20);
 
-  &.pl-is-active {
-    font-weight: 700;
-  }
 
   .pl-c-body--theme-light & {
     color: $pl-color-black;

Original file line number	Diff line number	Diff line change
`@@ -200,7 +200,6 @@ pl-nav {`
`200`	`200`
`201`	`201`	`&.pl-is-active {`
`202`	`202`	`box-shadow: inset 4px 0 0 #6c79d9;`
`203`		`- font-weight: bold;`
`204`	`203`	`pointer-events: none;`
`205`	`204`	`}`
`206`	`205`	`}`
`@@ -426,9 +425,6 @@ pl-nav {`
`426`	`425`	`color: $pl-color-gray-20;`
`427`	`426`	`color: var(--theme-text, $pl-color-gray-20);`
`428`	`427`
`429`		`- &.pl-is-active {`
`430`		`- font-weight: 700;`
`431`		`- }`
`432`	`428`
`433`	`429`	`.pl-c-body--theme-light & {`
`434`	`430`	`color: $pl-color-black;`