/**
 * Toolkit styles
 */

/**
 * This injects Tailwind's base styles, which is a combination of
 * Normalize.css and some additional base styles.
 *
 * You can see the styles here:
 * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
 *
 * If using `postcss-import`, you should import this line from it's own file:
 *
 * @import "./tailwind-preflight.css";
 *
 * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
 *
 * Comment out if not using Tailwind
 */

@tailwind preflight;

/*
 Styling inside the base folder is only used to run this styleguide on its own
 It is *never* to be imported into projects, as these provide their own
 elements, objects and components
 */

// Configuration: Variables used across the project
@import 'base/configuration/settings';

// Tools: Mixins and functions used across the project, do not create any CSS output if not called
@import 'base/tools/create-separate-selectors';
@import 'base/tools/mappy-breakpoints';
@import 'base/tools/svg-uri';

// Generics: High level rules, think normalize.css – nothing project design specific
@import 'base/generic/reset';

// Components only used in this styleguide, prefixed with 'notb-', like documentation
@import 'base/docs/index';

// Elements: Styles that go directly on HTML elements, no classes or ids
@import 'base/elements/body';
@import 'base/elements/figure';
@import 'base/elements/headings';
@import 'base/elements/link';
@import 'base/elements/paragraph';

// Objects: provide design-agnostic layout
@import 'base/objects/section';
@import 'base/objects/container';
@import 'base/objects/grid';

// Components: Base components
@import 'base/components/button';
@import 'base/components/icon';

// Utilities
@import 'base/utilities/helpers';
@import 'base/utilities/states';

/*
 * Example Theme Configurations
 */

// Gallery: lightgallery theme has to be imported before lightgallery vendor styles
@import 'examples/lightgallery-theme';

/*
 * Toubiz Components
 */
@import '../../../../products/shared/index';
@import '../../../../products/poi/index';
@import '../../../../products/map/index';
@import '../../../../products/swiper/index';
@import '../../../../products/gallery/index';
@import '../../../../products/events/index';
@import '../../../../products/snowreport/index';
@import '../../../../products/weather/index';
@import '../../../../products/date-picker/index';
@import '../../../../products/offer/index';
@import '../../../../products/brochure/index';
@import '../../../../products/social-grid/index';
@import '../../../../products/press-area/index';

/*
 * Example Styles
 */
@import 'examples/demo';
@import 'examples/target-enhancement';

/**
 * This injects all of Tailwind's utility classes, generated based on your
 * config file.
 *
 * If using `postcss-import`, you should import this line from it's own file:
 *
 * @import "./tailwind-utilities.css";
 *
 * See: https://github.com/tailwindcss/tailwindcss/issues/53#issuecomment-341413622
 *
 * Comment out if not using Tailwind
 */

@tailwind utilities;
