@use "../../variables/index" as *;

// Vertically center elements in the navbar.
// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.

@mixin navbar-vertical-align($element-height) {
  // Wrap in & {} to opt into new SCSS behavior for mixed declarations
  & {
    margin-top: calc(($navbar-height - $element-height) / 2);
    margin-bottom: calc(($navbar-height - $element-height) / 2);
  }
}