]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commit
Fix expanded menu #8325 9442/head
authorNicolas Coden <nicolas@ncoden.fr>
Sun, 4 Dec 2016 10:29:16 +0000 (11:29 +0100)
committerNicolas Coden <nicolas@ncoden.fr>
Tue, 6 Dec 2016 07:31:08 +0000 (08:31 +0100)
commit2c6b800bd9f71bf2861b0cf3062d2279b8cc0d8c
tree53096201360b31923ea548764bfd007cc0d8fbcc
parent7245cf9cd1a3c5d5b61c0a2bf70387c2e94c1c80
Fix expanded menu #8325

Fix https://github.com/zurb/foundation-sites/issues/8325.
See also: https://github.com/zurb/foundation-sites/pull/8779. Thanks to
@natewiebe13.

`.expanded` is a modifier for a horizontal menu, and should not be
applied on a vertical one.

Changes:
- Move the `.expanded` modifier after `.horizontal` and before
`.vertical`.
- Add the `.expanded` modifiers for each breakpoint with the
corresponding prefixes.

Other changes:
- Use `-zf-each-breakpoint` to generate responsive modifiers.

Note: The `.expanded` modifier should be applied only when the menu is
horizontal. For example, on a menu which is made horizontal on the
medium breakpoint, `.medium-expanded` should be used :
`.menu.vertical.medium-horizontal.medium-expanded`.
scss/components/_menu.scss