added .active class to navbar items

Author: UnderlineWords

src/Components/Navbar/Navbar.scss

@@ -146,6 +146,16 @@
 					background: darken(theme('color', 'primary'), 10.15%);
 					border-radius: 0;
 				}
+				&:active,
+				&.#{class('button', 'active')} {
+					color: theme('color', 'negative');
+					background: darken(theme('color', 'primary'), 7%);
+					transition: variables('button', 'transition');
+					&:hover {
+						transition: variables('button', 'transition');
+						background: darken(theme('color', 'primary'), 10%);
+					}
+				}
 			}
 			.#{class('button', 'dropdown')}:last-child,
 			.#{class('button', 'dropdown')}:last-child > .#{class('button', 'name')}:first-child,

src/Components/Navbar/mixins.scss

@@ -79,6 +79,21 @@
 					outline: theme('input', 'outline-width') solid lighten($input-border-color, 13%);
 				}
 			}
+			.#{class('button', 'group')} {
+				.#{class('button', 'name')},
+				.#{class('button', 'dropdown')} .#{class('button', 'name')} {
+					&:active,
+					&.#{class('button', 'active')} {
+						color: $text-color;
+						background: darken($bg-color, 7%);
+						transition: variables('button', 'transition');
+						&:hover {
+							transition: variables('button', 'transition');
+							background: darken($bg-color, 10%);
+						}
+					}
+				}
+			}
 			///
 			/// DIVIDED NAVBAR
 			///