summaryrefslogtreecommitdiff
path: root/pages/assets/bootstrap/mixins/_nav-vertical-align.scss
diff options
context:
space:
mode:
Diffstat (limited to 'pages/assets/bootstrap/mixins/_nav-vertical-align.scss')
-rw-r--r--pages/assets/bootstrap/mixins/_nav-vertical-align.scss9
1 files changed, 9 insertions, 0 deletions
diff --git a/pages/assets/bootstrap/mixins/_nav-vertical-align.scss b/pages/assets/bootstrap/mixins/_nav-vertical-align.scss
new file mode 100644
index 0000000..c8fbf1a
--- /dev/null
+++ b/pages/assets/bootstrap/mixins/_nav-vertical-align.scss
@@ -0,0 +1,9 @@
+// Navbar vertical align
+//
+// 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) {
+ margin-top: (($navbar-height - $element-height) / 2);
+ margin-bottom: (($navbar-height - $element-height) / 2);
+}