From 3f884a566bba520f15397fab818496c9ffd84d0e Mon Sep 17 00:00:00 2001
From: Overlord <188866349+ForgeOfDreams@users.noreply.github.com>
Date: Fri, 3 Jul 2026 23:42:33 +0300
Subject: [PATCH] Move container CSS to core and add index

Extracted the flex container rules into a new file src/core/container.css. Updated src/flex.css header (switched to @version, added @dependencies) and replaced the in-file rules with an import of ./core/container.css. Added a new entrypoint src/index.css that documents package metadata and imports flex.css. Prepares the codebase for a modular structure and declares the @comfortcss/tokens dependency.
---
 src/core/container.css | 37 +++++++++++++++++++++++++++++++++++++
 src/flex.css           | 35 +++++------------------------------
 src/index.css          | 10 ++++++++++
 3 files changed, 52 insertions(+), 30 deletions(-)
 create mode 100644 src/core/container.css

diff --git a/src/core/container.css b/src/core/container.css
new file mode 100644
index 0000000..13bb6bb
--- /dev/null
+++ b/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;
+    }
+}
diff --git a/src/flex.css b/src/flex.css
index 8b84db6..e395565 100644
--- a/src/flex.css
+++ b/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";
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index e69de29..12a793b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -0,0 +1,10 @@
+/**
+ * @package @comfortcss/flex
+ * @version 0.1.0
+ * @license MIT
+ * @author ComfortCSS
+ *
+ * @dependencies @comfortcss/tokens
+ */
+
+@import "./flex.css";
\ No newline at end of file