// 1. Your custom variables and variable overwrites.
// $global-link-color: #DA7D02;

// 2. Import default variables and available mixins.
@import "~uikit/src/scss/variables-theme.scss";
@import "~uikit/src/scss/mixins-theme.scss";

// 3. Your custom mixin overwrites.
// @mixin hook-card() { color: #000; }

// 4. Import UIkit.
@import "~uikit/src/scss/uikit-theme.scss";

// uikit overrides, mainly fixes of colors due to dark theme
@import "uikitOverrides";

@import "./components/toggle";

$footer-height: 80px;

#content {
    min-height: calc(100vh - #{$navbar-nav-item-height + $footer-height});
}

footer {
    line-height: $footer-height;
}