From: maks feltrin Date: Sun, 7 Aug 2016 01:14:45 +0000 (+0200) Subject: vertically center left-right dropdown arrows X-Git-Tag: v6.3-rc1~44^2^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9090%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git vertically center left-right dropdown arrows height is 10px (2*5px = 2xtriangle-border). To center vertically top: 50%, margin-top: height/2 => triangle border size 5px --- diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss index 0ce9c1f53..376c28111 100644 --- a/scss/components/_dropdown-menu.scss +++ b/scss/components/_dropdown-menu.scss @@ -34,7 +34,7 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1); @mixin left-right-arrows { > a::after { #{$global-right}: 14px; - margin-top: -3px; + margin-top: -5px; } &.opens-left > a::after {