aril 0.0.21 → 0.0.22

package/theme/styles/theme/base/components/menu/_megamenu.scss

@@ -1,55 +1,55 @@
-.p-megamenu {
-	padding: $horizontalMenuPadding;
-	background: $horizontalMenuBg;
-	color: $horizontalMenuTextColor;
-	border: $horizontalMenuBorder;
-	border-radius: $borderRadius;
-
-	.p-megamenu-root-list {
-		outline: 0 none;
-	}
-
-	.p-menuitem {
-		@include menuitem();
-	}
-
-	.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-horizontal {
-		.p-megamenu-root-list {
-			> .p-menuitem {
-				@include horizontal-rootmenuitem();
-			}
-		}
-	}
-}
+.p-megamenu {
+	padding: $horizontalMenuPadding;
+	background: $horizontalMenuBg;
+	color: $horizontalMenuTextColor;
+	border: $horizontalMenuBorder;
+	border-radius: $borderRadius;
+
+	.p-megamenu-root-list {
+		outline: 0 none;
+	}
+
+	.p-menuitem {
+		@include menuitem();
+	}
+
+	.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-horizontal {
+		.p-megamenu-root-list {
+			> .p-menuitem {
+				@include horizontal-rootmenuitem();
+			}
+		}
+	}
+}

package/theme/styles/theme/base/components/menu/_menu.scss

@@ -1,37 +1,37 @@
-.p-menu {
-	padding: $verticalMenuPadding;
-	background: $menuBg;
-	color: $menuTextColor;
-	border: $menuBorder;
-	border-radius: $borderRadius;
-	width: $menuWidth;
-
-	.p-menuitem {
-		@include menuitem();
-	}
-
-	&.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-menuitem-separator {
-		border-top: $divider;
-		margin: $menuSeparatorMargin;
-	}
-
-	.p-menuitem-badge {
-		@include menuitem-badge();
-	}
-}
+.p-menu {
+	padding: $verticalMenuPadding;
+	background: $menuBg;
+	color: $menuTextColor;
+	border: $menuBorder;
+	border-radius: $borderRadius;
+	width: $menuWidth;
+
+	.p-menuitem {
+		@include menuitem();
+	}
+
+	&.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-menuitem-separator {
+		border-top: $divider;
+		margin: $menuSeparatorMargin;
+	}
+
+	.p-menuitem-badge {
+		@include menuitem-badge();
+	}
+}

package/theme/styles/theme/base/components/menu/_menubar.scss

@@ -1,140 +1,140 @@
-.p-menubar {
-	padding: $horizontalMenuPadding;
-	background: $horizontalMenuBg;
-	color: $horizontalMenuTextColor;
-	border: $horizontalMenuBorder;
-	border-radius: $borderRadius;
-
-	.p-menubar-root-list {
-		outline: 0 none;
-
-		> .p-menuitem {
-			@include horizontal-rootmenuitem();
-		}
-	}
-
-	.p-menuitem {
-		@include menuitem();
-	}
-
-	.p-submenu-list {
-		padding: $verticalMenuPadding;
-		background: $overlayMenuBg;
-		border: $overlayMenuBorder;
-		box-shadow: $overlayMenuShadow;
-		width: $menuWidth;
-
-		.p-menuitem-separator {
-			border-top: $divider;
-			margin: $menuSeparatorMargin;
-		}
-
-		.p-submenu-icon {
-			font-size: $menuitemSubmenuIconFontSize;
-		}
-	}
-}
-
-@media screen and (max-width: 960px) {
-	.p-menubar {
-		position: relative;
-
-		.p-menubar-button {
-			display: flex;
-			width: $actionIconWidth;
-			height: $actionIconHeight;
-			color: $horizontalMenuRootMenuitemIconColor;
-			border-radius: $actionIconBorderRadius;
-			transition: $actionIconTransition;
-
-			&:hover {
-				color: $horizontalMenuRootMenuitemIconHoverColor;
-				background: $horizontalMenuRootMenuitemHoverBg;
-			}
-
-			&:focus {
-				@include focused();
-			}
-		}
-
-		.p-menubar-root-list {
-			position: absolute;
-			display: none;
-			padding: $verticalMenuPadding;
-			background: $overlayMenuBg;
-			border: $overlayMenuBorder;
-			box-shadow: $overlayMenuShadow;
-			width: 100%;
-
-			.p-menuitem-separator {
-				border-top: $divider;
-				margin: $menuSeparatorMargin;
-			}
-
-			.p-submenu-icon {
-				font-size: $menuitemSubmenuIconFontSize;
-			}
-
-			.p-menuitem {
-				width: 100%;
-				position: static;
-
-				.p-menuitem-content {
-					.p-menuitem-link {
-						.p-submenu-icon {
-							margin-left: auto;
-							transition: transform $transitionDuration;
-						}
-					}
-				}
-
-				&.p-menuitem-active {
-					> .p-menuitem-content {
-						> .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-content {
-						> .p-menuitem-link {
-							> .p-submenu-icon {
-								transform: rotate(-90deg);
-							}
-						}
-					}
-				}
-			}
-
-			.p-menuitem {
-				width: 100%;
-				position: static;
-			}
-
-			@include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
-		}
-
-		&.p-menubar-mobile-active .p-menubar-root-list {
-			display: flex;
-			flex-direction: column;
-			top: 100%;
-			left: 0;
-			z-index: 1;
-		}
-	}
-}
+.p-menubar {
+	padding: $horizontalMenuPadding;
+	background: $horizontalMenuBg;
+	color: $horizontalMenuTextColor;
+	border: $horizontalMenuBorder;
+	border-radius: $borderRadius;
+
+	.p-menubar-root-list {
+		outline: 0 none;
+
+		> .p-menuitem {
+			@include horizontal-rootmenuitem();
+		}
+	}
+
+	.p-menuitem {
+		@include menuitem();
+	}
+
+	.p-submenu-list {
+		padding: $verticalMenuPadding;
+		background: $overlayMenuBg;
+		border: $overlayMenuBorder;
+		box-shadow: $overlayMenuShadow;
+		width: $menuWidth;
+
+		.p-menuitem-separator {
+			border-top: $divider;
+			margin: $menuSeparatorMargin;
+		}
+
+		.p-submenu-icon {
+			font-size: $menuitemSubmenuIconFontSize;
+		}
+	}
+}
+
+@media screen and (max-width: 960px) {
+	.p-menubar {
+		position: relative;
+
+		.p-menubar-button {
+			display: flex;
+			width: $actionIconWidth;
+			height: $actionIconHeight;
+			color: $horizontalMenuRootMenuitemIconColor;
+			border-radius: $actionIconBorderRadius;
+			transition: $actionIconTransition;
+
+			&:hover {
+				color: $horizontalMenuRootMenuitemIconHoverColor;
+				background: $horizontalMenuRootMenuitemHoverBg;
+			}
+
+			&:focus {
+				@include focused();
+			}
+		}
+
+		.p-menubar-root-list {
+			position: absolute;
+			display: none;
+			padding: $verticalMenuPadding;
+			background: $overlayMenuBg;
+			border: $overlayMenuBorder;
+			box-shadow: $overlayMenuShadow;
+			width: 100%;
+
+			.p-menuitem-separator {
+				border-top: $divider;
+				margin: $menuSeparatorMargin;
+			}
+
+			.p-submenu-icon {
+				font-size: $menuitemSubmenuIconFontSize;
+			}
+
+			.p-menuitem {
+				width: 100%;
+				position: static;
+
+				.p-menuitem-content {
+					.p-menuitem-link {
+						.p-submenu-icon {
+							margin-left: auto;
+							transition: transform $transitionDuration;
+						}
+					}
+				}
+
+				&.p-menuitem-active {
+					> .p-menuitem-content {
+						> .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-content {
+						> .p-menuitem-link {
+							> .p-submenu-icon {
+								transform: rotate(-90deg);
+							}
+						}
+					}
+				}
+			}
+
+			.p-menuitem {
+				width: 100%;
+				position: static;
+			}
+
+			@include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10);
+		}
+
+		&.p-menubar-mobile-active .p-menubar-root-list {
+			display: flex;
+			flex-direction: column;
+			top: 100%;
+			left: 0;
+			z-index: 1;
+		}
+	}
+}