/*
 * CSS Methodologies
 *
 * A methodology of writing code that’s scalable and easy to manipulate.
 *
 * style.min.css - compiled/minified version of all the syles.
 * style.css - contains template information and style imports.
 * setting.css - contains custom properties (css variables), font-face, etc.
 * base.css - reset and/or normalize styles, box-sizing definition, etc.
 * utitity.css - utilities and helper classes with ability to override anything.
 * layout.css - specific UI layouts.
 * component.css - specific UI components.
 *
 *
 * Naming Convention
 *
 * Create reusable components and code sharing in front-end development
 *
 * prefix    = (u) utility, (l) layout, (c) component.
 * classname = preferred class name.
 * modifier  = preferred modifier name.
 * viewport  = (sm) small, (md) medium, (lg) large, (xl) extra large.
 * int       = 0-9.
 * others    = min, max.
 */


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