/*!
 * Theme Name:  Warrantee
 * Text Domain: Warrantee
 * Tags:        ITCSS, SMACSS, OOCSS, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*
 * GETTING STARTED
 *
 * Get started with Warrantee, a scalable and maintainable architecture for building responsive, mobile-first web apps or sites.
 * Warrantee helps you build not only fast but scalable and maintainable web apps or sites.
 * With Warrantee you have a package that is built with the combined knowledge and effort of some great developers, from their methodology, codes, packages, etc...
 *
 *
 * CSS METHODOLOGY
 *
 * Organize project files that can better deal with CSS specifics like global namespace, cascade and selectors specificity.
 * Shares the same methodology of some popular methodologies like ITCSS, BEM, SMACSS and OOCSS.
 * This approach is to ensure everyone who participates in the development of a website works with a single codebase and speaks the same language.
 *
 * # Separated CSS codebase
 * Separate CSS codebase to several sections, this helps organized project files that can better deal with CSS specifics like global namespace, cascade and selectors specificity.
 *
 * 1. setting.css - contains custom properties (css variables), font-face, etc.
 * 2. base.css - reset and/or normalize styles, box-sizing definition, etc.
 * 3. layout.css - specific UI layouts.
 * 4. component.css - specific UI components.
 * 5. utitity.css - utilities and helper classes with ability to override anything.
 *
 *
 * # Naming convention
 * Highly useful, powerful, and simple naming convention that makes your front-end code easier to read and understand,
 * easier to work with, easier to scale, more robust and explicit, and a lot more strict.
 *
 * 1. prefix - (u) utility, (l) layout, (c) component, and (js) javascript related classes.
 * 2. classname - preferred class/object name.
 * 3. modifier - preferred modifier name.
 * 4. viewport - (sm) small, (md) medium, (lg) large, (xl) extra large.
 * 5. int - integer (0, 1, 2, 3, 4, 5, 6, 7, 8, 9).
 * 6. others - min, max, auto.
 */


@import "styles/setting.css";
@import "styles/base.css";
@import "styles/layout.css";
@import "styles/component.css";
@import "styles/utility.css";