$base-padding: 1em;
$mobile-nav-width: 80vw;
$android-nav-width: 18.9em;
$mobile-nav-width--sm: 50%;

@import 'node_modules/sassdash/scss/sassdash';
@import 'base/normalize';
@import 'base/mixins';
@import 'base/animations';
@import 'base/z-index';
@import 'base/media-queries';
@import 'base/grid';
@import 'base/colors';
@import 'base/type';
@import 'base/layout';
@import 'base/debuggers';
@import 'base/buttons';
@import 'base/box-shadow';
@import 'base/forms';
@import 'base/header';
@import 'base/flash-messages';
@import 'base/sections';
@import 'lib/form-item/addon/styles/index';
@import 'lib/lk-text/addon/styles/index';
@import 'lib/modals/addon/styles/index';
@import 'lib/toggle-switch/addon/styles/index';
@import 'lib/vinli-cluster/addon/styles/index';
@import 'lib/collection/addon/styles/index';
@import 'lib/dropdown-menu/addon/styles/index';
@import 'lib/nav-bar/addon/styles/index';
@import 'lib/side-bar/addon/styles/index'; // must come after nav-bar
@import 'lib/app-header/addon/styles/index';
@import 'lib/credit-card/addon/styles/index';
@import 'lib/sign-in/addon/styles/index';
@import 'lib/app-chrome/addon/styles/index';
@import 'lib/vinli-card/addon/styles/index';
@import 'lib/expanding-aside-layout/addon/styles/index';
@import 'lib/pill-input/addon/styles/index';
@import 'lib/gauges/addon/styles/index';
@import 'lib/vinli-checkbox/addon/styles/index';
@import 'lib/pojo-viewer/addon/styles/index';
@import 'lib/typeahead-input/addon/styles/index';

html,
body {
  @include font-primary();
}

* {
  box-sizing: border-box;
}

::selection {
  background: $blue;
  color: $white;
  text-shadow: none;
}