$nav-link-padding-y: 0.5em;
$font-size-base: 1em;

/// Converts px to em.
/// ---------------------------------------------------------------------------
/// @param {number or px value} $-px-value
///     The value to convert.
/// @param {number or px value } $-base
///     The base font-size
/// @return {number}
///    `$-px-value` converted in rem units
@function o-to-em($-px-value, $-base: 16) {
    @return ($-px-value / $-base) * 1em;
}

$o-font-size-base: o-to-em(14) !default;
$o-font-size-base-touch: o-to-em(16) !default;
$o-font-size-base-small: o-to-em(13) !default;
$o-font-size-base-smaller: o-to-em(12) !default;