Navigation: Use rems for padding. (#37478)

WordPress · Dec 17, 2021 · 9d4474c · 9d4474c
1 parent 77a8622
commit 9d4474c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -412,7 +412,7 @@ button.wp-block-navigation-item__content {
 		background-color: inherit;
 
 		// Use em units to apply padding, so themes can more easily style this in various ways.
-		padding: 2em;
+		padding: 2rem;
 
 		// Allow modal to scroll.
 		overflow: auto;
@@ -422,7 +422,7 @@ button.wp-block-navigation-item__content {
 
 		.wp-block-navigation__responsive-container-content {
 			// Add padding above to accommodate close button.
-			padding-top: calc(2em + #{ $navigation-icon-size });
+			padding-top: calc(2rem + #{ $navigation-icon-size });
 
 			// Don't crop the focus style.
 			overflow: visible;
@@ -462,8 +462,8 @@ button.wp-block-navigation-item__content {
 				// Position and style.
 				position: static;
 				border: none;
-				padding-left: 2em;
-				padding-right: 2em;
+				padding-left: 2rem;
+				padding-right: 2rem;
 			}
 
 			// Space unfolded items using gap and padding for submenus.