@adcops/autocore-react 3.3.9 → 3.3.10

package/src/themes/theme-base/components/menu/_megamenu.scss

@@ -1,141 +1,141 @@
-.p-megamenu {
-	padding: $horizontalMenuPadding;
-	background: $horizontalMenuBg;
-	color: $horizontalMenuTextColor;
-	border: $horizontalMenuBorder;
-	border-radius: $borderRadius;
-
-	.p-megamenu-root-list {
-		outline: 0 none;
-	}
-
-	.p-menuitem {
-		@include menuitem-link();
-	}
-
-	.p-megamenu-panel {
-		background: $overlayMenuBg;
-		color: $menuTextColor;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-submenu-header {
-		margin: $submenuHeaderMargin;
-		padding: $submenuHeaderPadding;
-		color: $submenuHeaderTextColor;
-		background: $submenuHeaderBg;
-		font-weight: $submenuHeaderFontWeight;
-		border-top-right-radius: $borderRadius;
-		border-top-left-radius: $borderRadius;
-	}
-
-	.p-submenu-list {
-		padding: $verticalMenuPadding;
-		width: $menuWidth;
-
-		.p-menuitem-separator {
-			border-top: $divider;
-			margin: $menuSeparatorMargin;
-		}
-	}
-
-	&.p-megamenu-vertical {
-		width: $menuWidth;
-		padding: $verticalMenuPadding;
-	}
-
-	.p-megamenu-button {
-		width: $actionIconWidth;
-		height: $actionIconHeight;
-		color: $horizontalMenuRootMenuitemIconColor;
-		border-radius: $actionIconBorderRadius;
-		transition: $actionIconTransition;
-
-		&:hover {
-			color: $horizontalMenuRootMenuitemIconHoverColor;
-			background: $horizontalMenuRootMenuitemHoverBg;
-		}
-
-		&:focus {
-			@include focused();
-		}
-	}
-
-	&.p-megamenu-horizontal {
-		.p-megamenu-root-list {
-			> .p-menuitem {
-				@include horizontal-rootmenuitem-link();
-			}
-		}
-	}
-
-	&.p-megamenu-mobile-active {
-		.p-megamenu-root-list {
-			padding: $verticalMenuPadding;
-			background: $overlayMenuBg;
-			border: $overlayMenuBorder;
-			box-shadow: $overlayMenuShadow;
-
-			.p-menu-separator {
-				border-top: $divider;
-				margin: $menuSeparatorMargin;
-			}
-
-			.p-submenu-icon {
-				font-size: $menuitemSubmenuIconFontSize;
-
-				&.p-icon {
-					width: $menuitemSubmenuIconFontSize;
-					height: $menuitemSubmenuIconFontSize;
-				}
-			}
-
-			> .p-menuitem {
-				width: 100%;
-				position: static;
-
-				> .p-menuitem-link {
-					@include menuitem-link();
-
-					> .p-submenu-icon {
-						margin-left: auto;
-					}
-				}
-
-				&.p-menuitem-active {
-					> .p-menuitem-link {
-						> .p-submenu-icon {
-							transform: rotate(-180deg);
-						}
-					}
-				}
-			}
-
-			.p-submenu-list {
-				width: 100%;
-				position: static;
-				box-shadow: none;
-				border: 0 none;
-
-				.p-submenu-icon {
-					transition: transform $transitionDuration;
-					transform: rotate(90deg);
-				}
-
-				.p-menuitem-active {
-					> .p-menuitem-link {
-						> .p-submenu-icon {
-							transform: rotate(-90deg);
-						}
-					}
-				}
-			}
-
-			.p-menuitem {
-				width: 100%;
-				position: static;
-			}
-		}
-	}
-}
+.p-megamenu {
+	padding: $horizontalMenuPadding;
+	background: $horizontalMenuBg;
+	color: $horizontalMenuTextColor;
+	border: $horizontalMenuBorder;
+	border-radius: $borderRadius;
+
+	.p-megamenu-root-list {
+		outline: 0 none;
+	}
+
+	.p-menuitem {
+		@include menuitem-link();
+	}
+
+	.p-megamenu-panel {
+		background: $overlayMenuBg;
+		color: $menuTextColor;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-submenu-header {
+		margin: $submenuHeaderMargin;
+		padding: $submenuHeaderPadding;
+		color: $submenuHeaderTextColor;
+		background: $submenuHeaderBg;
+		font-weight: $submenuHeaderFontWeight;
+		border-top-right-radius: $borderRadius;
+		border-top-left-radius: $borderRadius;
+	}
+
+	.p-submenu-list {
+		padding: $verticalMenuPadding;
+		width: $menuWidth;
+
+		.p-menuitem-separator {
+			border-top: $divider;
+			margin: $menuSeparatorMargin;
+		}
+	}
+
+	&.p-megamenu-vertical {
+		width: $menuWidth;
+		padding: $verticalMenuPadding;
+	}
+
+	.p-megamenu-button {
+		width: $actionIconWidth;
+		height: $actionIconHeight;
+		color: $horizontalMenuRootMenuitemIconColor;
+		border-radius: $actionIconBorderRadius;
+		transition: $actionIconTransition;
+
+		&:hover {
+			color: $horizontalMenuRootMenuitemIconHoverColor;
+			background: $horizontalMenuRootMenuitemHoverBg;
+		}
+
+		&:focus {
+			@include focused();
+		}
+	}
+
+	&.p-megamenu-horizontal {
+		.p-megamenu-root-list {
+			> .p-menuitem {
+				@include horizontal-rootmenuitem-link();
+			}
+		}
+	}
+
+	&.p-megamenu-mobile-active {
+		.p-megamenu-root-list {
+			padding: $verticalMenuPadding;
+			background: $overlayMenuBg;
+			border: $overlayMenuBorder;
+			box-shadow: $overlayMenuShadow;
+
+			.p-menu-separator {
+				border-top: $divider;
+				margin: $menuSeparatorMargin;
+			}
+
+			.p-submenu-icon {
+				font-size: $menuitemSubmenuIconFontSize;
+
+				&.p-icon {
+					width: $menuitemSubmenuIconFontSize;
+					height: $menuitemSubmenuIconFontSize;
+				}
+			}
+
+			> .p-menuitem {
+				width: 100%;
+				position: static;
+
+				> .p-menuitem-link {
+					@include menuitem-link();
+
+					> .p-submenu-icon {
+						margin-left: auto;
+					}
+				}
+
+				&.p-menuitem-active {
+					> .p-menuitem-link {
+						> .p-submenu-icon {
+							transform: rotate(-180deg);
+						}
+					}
+				}
+			}
+
+			.p-submenu-list {
+				width: 100%;
+				position: static;
+				box-shadow: none;
+				border: 0 none;
+
+				.p-submenu-icon {
+					transition: transform $transitionDuration;
+					transform: rotate(90deg);
+				}
+
+				.p-menuitem-active {
+					> .p-menuitem-link {
+						> .p-submenu-icon {
+							transform: rotate(-90deg);
+						}
+					}
+				}
+			}
+
+			.p-menuitem {
+				width: 100%;
+				position: static;
+			}
+		}
+	}
+}

package/src/themes/theme-base/components/menu/_menu.scss

@@ -1,33 +1,33 @@
-.p-menu {
-	padding: $verticalMenuPadding;
-	background: $menuBg;
-	color: $menuTextColor;
-	border: $menuBorder;
-	border-radius: $borderRadius;
-	width: $menuWidth;
-
-	.p-menuitem {
-		@include menuitem-link();
-	}
-
-	&.p-menu-overlay {
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-	}
-
-	.p-submenu-header {
-		margin: $submenuHeaderMargin;
-		padding: $submenuHeaderPadding;
-		color: $submenuHeaderTextColor;
-		background: $submenuHeaderBg;
-		font-weight: $submenuHeaderFontWeight;
-		border-top-right-radius: $submenuHeaderBorderRadius;
-		border-top-left-radius: $submenuHeaderBorderRadius;
-	}
-
-	.p-menu-separator {
-		border-top: $divider;
-		margin: $menuSeparatorMargin;
-	}
-}
+.p-menu {
+	padding: $verticalMenuPadding;
+	background: $menuBg;
+	color: $menuTextColor;
+	border: $menuBorder;
+	border-radius: $borderRadius;
+	width: $menuWidth;
+
+	.p-menuitem {
+		@include menuitem-link();
+	}
+
+	&.p-menu-overlay {
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+	}
+
+	.p-submenu-header {
+		margin: $submenuHeaderMargin;
+		padding: $submenuHeaderPadding;
+		color: $submenuHeaderTextColor;
+		background: $submenuHeaderBg;
+		font-weight: $submenuHeaderFontWeight;
+		border-top-right-radius: $submenuHeaderBorderRadius;
+		border-top-left-radius: $submenuHeaderBorderRadius;
+	}
+
+	.p-menu-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
+}