foundation-apps icon indicating copy to clipboard operation
foundation-apps copied to clipboard

Menu list-items: flex alignment is declared as both "center" and "stretch"

Open HoldenCreative opened this issue 8 years ago • 0 comments

Wonderful framework! ~ thanks.

Please see line 41 and 47 of: https://github.com/zurb/foundation-apps/blob/master/scss/components/_menu-bar.scss

The align-items value for a menu list-item is declared twice (in conflict).

// Menu item
  > li {
    // This flex setting makes each item an equal width
    flex: 1 0 0;
    align-items: center;

    // The list item itself is also a flex container, to center links in case they have different height
    display: flex;
    align-items: stretch;

HoldenCreative avatar Mar 08 '16 19:03 HoldenCreative