Update constants to align with office fabric fluent update (#32)

CHANGELOG.md

@@ -1,20 +1,24 @@
 # CHANGELOG
 
+## v7.1.1
+### Changed
+- Updated `$layout-nav-item-height` to align with office fabric's fluent command bar update.
+
 ## v7.1.0
-## Changed
+### Changed
 - RTL is now handled by using the `dir` attribute in the root html element.
 
 ## v7.0.4
-## Fixed
+### Fixed
 - `--color-bg-loading-panel` color in dark mode to be a darker grey to decrease its contrast
 
 ## v7.0.3
-## Fixed
+### Fixed
 - Reverted container color change made in v7.0.2
 - Added appropriate dashboard background color.
 
 ## v7.0.2
-## Changed
+### Changed
 - Container background color in light color to be light gray instead of white
 
 ## v7.0.1

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@microsoft/azure-iot-ux-fluent-css",
   "description": "Azure IoT common styles library for CSS, Colors and Themes",
-  "version": "7.1.0",
+  "version": "7.1.1",
   "license": "MIT",
   "engines": {
     "node": "^8.0.0"

src/_constants.scss

@@ -42,7 +42,8 @@ $dropdown-max-height: 50*$grid-size;
 
 // Layout
 
-$layout-nav-item-height: 2.5rem;
+$layout-nav-item-height: 2.75rem;
+$layout-header-xlarge-height: $layout-nav-item-height * 4;
 $layout-header-large-height: $layout-nav-item-height * 3;
 $layout-header-medium-height: $layout-nav-item-height * 2;
 $layout-header-small-height: $layout-nav-item-height;