// Font
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400;8..144,600;8..144,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

// Foundation for Sites
@import '~foundation-sites/scss/settings/settings';
@import 'legacy/foundation_settings';

@import '~foundation-sites/scss/foundation';
@import '_table-override';

// Foundation Flex classes mixin includes Flex Child alignment and Source Ordering styles
// these classes are not included in xy-grid or float-grid so they won't cause any problems
// Foundation is imported piecewise so we can disable styles which aren't being used
@include foundation-global-styles;
@include foundation-grid;

/* Import typography mixins separately to exclude print styles */
@include foundation-typography-base;
@include foundation-typography-helpers;
@include foundation-text-alignment;

/* We need to redefine the 'text-inputs' function from foundation so it just selects 'input'
 * instead of all of the input types (eg. input instead of [type="text"]).
 * The following function will replace the one in node_modules/foundation-sites/scss/util/_selector.scss */
@function text-inputs($types: (), $modifier: '') {
  @return 'input, ';
}
/* End snippet */

@include foundation-forms;
@include foundation-table-custom;
@include foundation-tooltip;
@include foundation-flex-classes;
@include foundation-visibility-classes;
@include foundation-xy-grid-classes;

// Intelli-icons
@import '~@intellihr/icons/style.css';

// Font Awesome
@import '~@fortawesome/fontawesome-pro/css/all.css';

// Legacy components & styles
@import 'legacy/components/form';
@import 'legacy/components/label';
@import 'legacy/components/person-tag';
@import 'legacy/components/table';
@import 'legacy/components/typography';