// base/ - contains global styles, such as resets, typography, colors, etc.
// components/ - contains each self-contained component in its own .scss partial
// layout/ - contains styling for larger layout components; e.g. nav, header, footer, etc.
// themes/ - contains styling for different themes
// utils/ - contains global mixins, functions, helper selectors, etc.
// vendors/ - contains 3rd-party styles, mixins, etc.
// main.scss - output file that brings together all of the above parts

// @import 'base/reset';
@import 'base/variable';
@import 'base/typography';

@import 'utils/functions';
@import 'utils/mixins';

@import 'layout/header';
@import 'layout/nav';
@import 'layout/footer';
@import 'layout/grid';
@import 'layout/main';
@import 'layout/job-single';

@import 'components/form';
@import 'components/modal';
@import 'components/product';
@import 'components/photobar';
@import 'components/share';

// @import 'themes';
// @import 'component';
// @import 'vendors';