diff --git a/css/mo.css b/css/mo.css index e321381..5d22be3 100644 --- a/css/mo.css +++ b/css/mo.css @@ -207,6 +207,38 @@ by Jonathan Snook at http://smacss.com text-align: left; background-color: #cccccc; } +.is-mobile-menu .toggle-submenu { + width: 44px; + height: 44px; + display: inline-block; + position: absolute; + top: 0; + bottom: 0; + right: 0; +} +.is-mobile-menu .toggle-submenu:after { + content: ''; + position: absolute; + top: 50%; + right: 40%; + margin-top: -3px; + height: 0; + width: 0; +} +.is-mobile-menu li.has-submenu > a { + padding-right: 44px; +} +.is-mobile-menu .toggle-submenu:after { + border: 5px solid transparent; + margin-top: -3px; + border-color: transparent; + border-top-color: #000000; +} +.is-mobile-menu ul .toggle-submenu:after { + margin-top: -5px; + border-color: transparent; + border-left-color: #000000; +} .is-mobile-menu li > ul.sub-menu, .is-mobile-menu li:hover > ul.sub-menu { display: none; diff --git a/css/mo.css.map b/css/mo.css.map index 958b6fd..015d79e 100644 --- a/css/mo.css.map +++ b/css/mo.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "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", +"mappings": "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", "sources": ["../sass/demo.scss","../sass/_mo.scss"], "names": [], "file": "mo.css" diff --git a/sass/_mo.scss b/sass/_mo.scss index 4b0ee95..e45f703 100644 --- 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;