position: relative;
}
&.is-down-arrow > a::after {
- @include css-triangle(5px, $anchor-color, down);
+ @include css-triangle(5px, $dropdownmenu-arrow-color, down);
position: absolute;
- top: 12px;
- right: 5px;
+ top: rem-calc(2px) + rem-calc(get-side($menu-item-padding, top));
+ #{$global-right}: 5px;
}
&.is-left-arrow > a::after {
- @include css-triangle(5px, $anchor-color, $global-left);
+ @include css-triangle(5px, $dropdownmenu-arrow-color, left);
float: left;
margin-left: 0;
margin-right: 10px;
}
}
-- &.is-left-arrow.opens-inner .submenu{
++ &.is-left-arrow.opens-inner .submenu {
right: 0;
left: auto;
}
-- &.is-right-arrow.opens-inner .submenu{
++ &.is-right-arrow.opens-inner .submenu {
left: 0;
right: auto;
}