From: Kevin Ball Date: Mon, 26 Jun 2017 19:38:08 +0000 (-0700) Subject: reset menu input to be inline-block X-Git-Tag: v6.4.0~2^2~4^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F10259%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git reset menu input to be inline-block --- diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss index af4e89a05..62e2dc902 100644 --- a/scss/components/_menu.scss +++ b/scss/components/_menu.scss @@ -70,6 +70,10 @@ $menu-item-background-hover: $light-gray !default; button { margin-bottom: 0; } + + input { + display: inline-block; + } } /// Expands the items of a Menu, so each item is the same width. @@ -192,7 +196,7 @@ $menu-item-background-hover: $light-gray !default; @if $global-flexbox { align-items: center; } - + li + li { margin-#{$dir}: $margin; } @@ -212,12 +216,12 @@ $menu-item-background-hover: $light-gray !default; @if $nested-alignment == right { margin-#{$global-right}: $margin; margin-#{$global-left}: 0; - } + } @else { margin-#{$global-right}: 0; margin-#{$global-left}: $margin; } - + } /// Adds basic styles for icons in menus.