// $fa-font-path: "../webfonts";
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts/';

// Design Tokens
@import './theme.scss';

// Variables
@import 'variables/_breakpoints';
@import 'variables/_spacing';
@import 'variables/_colors';
@import 'variables/_text';
@import 'variables/_layout';
@import 'variables/_border-radius';
@import 'variables/_button';
@import 'variables/_table';
@import 'variables/_z-index';
@import 'variables/_mixins';
@import 'variables/_drop-shadows';
@import 'variables/_input';
@import 'variables/_circular-button';
@import 'variables/_percentages';

// Icons
// @import "../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
// @import "../../node_modules/@fortawesome/fontawesome-free/scss/regular.scss";
// @import "../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
// @import "../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
// @import "../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims.scss";
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-free/scss/regular.scss';
@import '~@fortawesome/fontawesome-free/scss/solid.scss';
@import '~@fortawesome/fontawesome-free/scss/brands.scss';
@import '~@fortawesome/fontawesome-free/scss/v4-shims.scss';

// Subatomic
@import 'subatomic/reset';
@import 'subatomic/layout';
@import 'subatomic/app-layout';
@import 'subatomic/transitions';
@import 'subatomic/black-tie';
@import 'subatomic/flex';
@import 'subatomic/flex-grid';
@import 'subatomic/css-grid';

// Atoms
@import 'atoms/containers';
@import 'atoms/divider';
@import 'atoms/segment';
@import 'atoms/text';
@import 'atoms/links';
@import 'atoms/button';
@import 'atoms/badge';
@import 'atoms/tooltip';
@import 'atoms/smart-col';
@import 'atoms/loading';
@import 'atoms/image';
@import 'atoms/tag';
@import 'atoms/snackbar';
@import 'atoms/well';

// To deprecate
@import 'atoms/number-circle';
@import 'atoms/circular-thumbnail';
@import 'atoms/progress-bar';

// Molecules
@import 'molecules/accordion';
@import 'molecules/bubble-menu';
@import 'molecules/breadcrumbs';
@import 'molecules/pagination';
@import 'molecules/table';
@import 'molecules/button-group';
@import 'molecules/button-dropdown';
@import 'molecules/html-preview';
@import 'molecules/modal';
@import 'molecules/input';
@import 'molecules/nav';
@import 'molecules/multiselect';
@import 'molecules/card';
@import 'molecules/avatar';
@import 'molecules/corner-content';
@import 'molecules/table-of-contents';
@import 'molecules/keyboard-shortcuts';
@import 'molecules/landing-pad';
@import 'molecules/balloon';
@import 'molecules/search-select';

// Organisms
@import 'organisms/alert';
@import 'organisms/page-header';
@import 'organisms/spa-header';
@import 'organisms/account-modal';
@import 'organisms/search';

// Pages
@import 'layouts/nav';
@import 'layouts/persist-nav';

// Third-party library support
@import 'third-party/chosen'; // Chosen.js multiselect plugin (https://harvesthq.github.io/chosen/)
@import 'third-party/datepicker';
@import 'third-party/markdown';
@import 'third-party/react-table';
@import 'third-party/react-day-picker';

// Utilities
@import 'utilities/spacing';
@import 'utilities/floats';
@import 'utilities/position';
@import 'utilities/display';
@import 'utilities/ellipsis';
@import 'utilities/text-align';
@import 'utilities/text-transform';
@import 'utilities/disabled';
@import 'utilities/colors';
@import 'utilities/overflow';
@import 'utilities/z-index';
@import 'utilities/pointer-events';
@import 'utilities/cursor';
@import 'utilities/v-align';
@import 'utilities/border-radius';
@import 'utilities/user-select';
@import 'utilities/transitions';