fix sub menu link scss

BoldGrid · Feb 22, 2022 · ae347fc · ae347fc
1 parent fae284a
commit ae347fc
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 1 deletion.
diff --git a/= b/=
diff --git a/src/assets/js/front-end.js b/src/assets/js/front-end.js
@@ -78,7 +78,7 @@ var BoldGrid = BoldGrid || {};
 						return;
 					}
 					$( this ).addClass( 'btn' );
-					buttonClasses.forEach( ( buttonClass ) => {
+					buttonClasses.split( ' ' ).forEach( ( buttonClass ) => {
 						if ( ! $( this ).hasClass( buttonClass ) ) {
 							$( this ).addClass( buttonClass );
 						}

diff --git a/src/assets/scss/custom-color/color-classes.scss b/src/assets/scss/custom-color/color-classes.scss
@@ -119,6 +119,18 @@ $names: background background-color;
 					color: hover( nth($colors, $color), $palette-primary-neutral-color );
 				}
 			}
+			&.color-neutral-sub-link-color.sm {
+				ul {
+					li:not(.btn) {
+						a {
+							color: $palette-primary-neutral-color;
+						}
+						a:hover, a:focus, a:active, a.highlighted {
+							color: hover( nth($colors, $color), $palette-primary-neutral-color );
+						}
+					}
+				}
+			}
 		}
 		&-hover {
 			&:focus, &:hover {
@@ -192,6 +204,32 @@ $names: background background-color;
 						color: hover( nth($colors, $color), $palette-primary-neutral-color );
 					}
 				}
+				&.color-neutral-sub-link-color.sm {
+					ul {
+						li:not(.btn) {
+							a {
+								color: $palette-primary-neutral-color;
+							}
+							a:hover, a:focus, a:active, a.highlighted {
+								color: hover( nth($colors, $color), $palette-primary-neutral-color );
+							}
+						}
+					}
+				}
+				@for $subEach from 1 through length( $colors ) {
+					&.color-#{$subEach}-sub-link-color {
+						ul {
+							li:not(.btn) {
+								a {
+									color: #{nth($colors, $subEach)};
+								}
+								a:hover, a:focus, a:active, a.highlighted {
+									color: hover( nth($colors, $color), nth($colors, $subEach) );
+								}
+							}
+						}
+					}
+				}
 			}
 			&-hover {
 				&:focus, &:hover {
@@ -211,6 +249,18 @@ $names: background background-color;
 						color: hover( $palette-primary-neutral-color, nth($colors, $each) );
 					}
 				}
+				&.color-#{$each}-sub-link-color.sm {
+					ul {
+						li:not(.btn) {
+							a {
+								color: #{nth($colors, $each)};
+							}
+							a:hover, a:focus, a:active, a.highlighted {
+								color: hover( $palette-primary-neutral-color, nth($colors, $each) );
+							}
+						}
+					}
+				}
 			}
 			&.color-neutral-link-color {
 				a {
@@ -220,6 +270,18 @@ $names: background background-color;
 					color: hover( $palette-primary-neutral-color, $palette-primary-neutral-color );
 				}
 			}
+			&.color-neutral-sub-link-color.sm {
+				ul {
+					li:not(.btn) {
+						a {
+							color: $palette-primary-neutral-color;
+						}
+						a:hover, a:focus, a:active, a.highlighted {
+							color: hover( $palette-primary-neutral-color, $palette-primary-neutral-color );
+						}
+					}
+				}
+			}
 		}
 	}
 }