Move container CSS to core and add index

src/core/container.css

@@ -0,0 +1,37 @@
+/**
+ * @package @comfortcss/flex
+ * @since 0.1.0
+ * @license MIT
+ * @author ComfortCSS
+ *
+ * @section container
+ * @description
+ *   Classes that create flex containers.
+ *   This is the foundation of the flex system.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+ */
+
+@layer flex {
+    /**
+     * Block-level flex container.
+     * Creates a flex formatting context.
+     *
+     * @example
+     *   <div class="flex">...</div>
+     */
+    :where(.flex) {
+        display: flex;
+    }
+
+    /**
+     * Inline-level flex container.
+     * Behaves like inline element but with flex children.
+     *
+     * @example
+     *   <span class="inline-flex">...</span>
+     */
+    :where(.inline-flex) {
+        display: inline-flex;
+    }
+}

src/flex.css

@@ -1,35 +1,10 @@
 /**
  * @package @comfortcss/flex
- * @since 0.1.0
+ * @version 0.1.0
+ * @license MIT
+ * @author ComfortCSS
  *
- * @section container
- * @description
- *   Classes that create flex containers.
- *   This is the foundation of the flex system.
- *
- * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
+ * @dependencies @comfortcss/tokens
  */
 
-@layer flex {
-    /**
-     * Block-level flex container.
-     * Creates a flex formatting context.
-     *
-     * @example
-     *   <div class="flex">...</div>
-     */
-    :where(.flex) {
-        display: flex;
-    }
-
-    /**
-     * Inline-level flex container.
-     * Behaves like inline element but with flex children.
-     *
-     * @example
-     *   <span class="inline-flex">...</span>
-     */
-    :where(.inline-flex) {
-        display: inline-flex;
-    }
-}
+@import "./core/container.css";

src/index.css

@@ -0,0 +1,10 @@
+/**
+ * @package @comfortcss/flex
+ * @version 0.1.0
+ * @license MIT
+ * @author ComfortCSS
+ *
+ * @dependencies @comfortcss/tokens
+ */
+
+@import "./flex.css";