added LTR/RTL gradients for button and navbar

Author: UnderlineWords

src/Components/Navbar/Navbar.scss

@@ -165,6 +165,12 @@
 					lighten(theme('color', 'primary'), 11.5%) 100%
 				);
 			}
+			&.#{class('navbar', 'gradient')}#{'-ltr'} {
+				background: linear-gradient(135deg, lighten(theme('color', 'primary'), 14.5%), theme('color', 'primary'));
+			}
+			&.#{class('navbar', 'gradient')}#{'-rtl'} {
+				background: linear-gradient(-135deg, lighten(theme('color', 'primary'), 14.5%), theme('color', 'primary'));
+			}
 		}
 
 		/// 

src/Components/Navbar/mixins.scss

@@ -38,6 +38,14 @@
 				lighten($bg-color, 11.5%) 100%
 			);
 		}
+		/// Gradient Left-To-Right
+		&.#{class('navbar', 'gradient')}#{'-ltr'} {
+			background: linear-gradient(135deg, lighten($bg-color, 23%), $bg-color);
+		}
+		/// Gradient Right-To-Left
+		&.#{class('navbar', 'gradient')}#{'-rtl'} {
+			background: linear-gradient(-135deg, lighten($bg-color, 23%), $bg-color);
+		}
 	}
 
 	.#{class('button', 'group')} {

src/Elements/Button/mixins.scss

@@ -322,6 +322,32 @@
 				@include set-gradient($bg-color, to bottom, 27%);
 			}
 		}
+		/// Gradient Left-To-Right
+		&.#{class('button', 'gradient')}#{'-ltr'} {
+			background: linear-gradient(135deg, lighten($bg-color, 26.5%), darken($bg-color, 5%));
+		}
+		&.#{class('button', 'gradient')}#{'-ltr'} {
+			&:hover {
+				background: linear-gradient(135deg, lighten($bg-color, 32%), darken($bg-color, 2%));
+			}
+			&:active,
+			&:focus {
+				background: linear-gradient(135deg, lighten($bg-color, 36%), $bg-color);
+			}
+		}
+		/// Gradient Right-To-Left
+		&.#{class('button', 'gradient')}#{'-rtl'} {
+			background: linear-gradient(-135deg, lighten($bg-color, 26.5%), darken($bg-color, 5%));
+		}
+		&.#{class('button', 'gradient')}#{'-rtl'} {
+			&:hover {
+				background: linear-gradient(-135deg, lighten($bg-color, 32%), darken($bg-color, 2%));
+			}
+			&:active,
+			&:focus {
+				background: linear-gradient(-135deg, lighten($bg-color, 36%), $bg-color);
+			}
+		}
 	}
 	@content;
 }