Allow mobile menus to be placed outside of their original context.

themefoundation · Dec 24, 2015 · dfae25c · dfae25c
1 parent ce7e0ec
commit dfae25c
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 5 deletions.
diff --git a/css/mo.css b/css/mo.css
diff --git a/css/mo.css.map b/css/mo.css.map
diff --git a/sass/_mo.scss b/sass/_mo.scss
@@ -66,7 +66,6 @@
 	}
 }
 
-
 /// Submenu arrow styles for horizontal menus.
 @mixin mo-css-arrows-horizontal( $button-width: 44px, $button-height: 44px, $arrow-color: #000000 ) {
 	@include mo-arrows-base( $button-width, $button-height );
@@ -122,8 +121,9 @@
 }
 
 /// Mobile menu styles.
-@mixin mo-mobile {
-	@include mo-arrows-mobile;
+@mixin mo-mobile( $button-width: 44px, $button-height: 44px, $arrow-color: #000000 ) {
+	@include mo-css-arrows-horizontal( $button-width, $button-height, $arrow-color );
+	@include mo-arrows-mobile ( $arrow-color );
 
 	li {
 		display: block !important;
@@ -208,7 +208,7 @@
 }
 
 /// Created arrow pointing down.
-@mixin mo-arrow-down( $arrow-color: #000000 ) {
+@mixin mo-arrow-down( $arrow-color: '#000000' ) {
 	margin-top: -3px;
 	border-color: transparent;
 	border-top-color: $arrow-color;