From 7c14a9f9faa0abbb7cf3e474eb0139f30500a90d Mon Sep 17 00:00:00 2001
From: Herwin Bozet <herwin.bozet@gmail.com>
Date: Wed, 20 Nov 2024 23:27:58 +0100
Subject: [PATCH] Added warnings, Improved buttons section, Added todo list for
 1.0.0 Update buttons.php, lists_base.php, and 2 more files...

---
 htdocs/parts/buttons.php    |  4 ++--
 htdocs/parts/lists_base.php |  5 +++++
 htdocs/parts/tables.php     |  5 +++++
 todos.txt                   | 15 +++++++++++++++
 4 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 todos.txt

diff --git a/htdocs/parts/buttons.php b/htdocs/parts/buttons.php
index 58f2575..27dbf99 100644
--- a/htdocs/parts/buttons.php
+++ b/htdocs/parts/buttons.php
@@ -17,7 +17,7 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
         for colors only.
     </p>
 
-    <div class="grid col-2 grid-gap-xs">
+    <div class="grid col-2 col-medium-1 grid-gap-xs">
         <div>
             <h3 class="t-w-500 t-size-12 mt-s">Unstyled button</h3>
             <div class="m-s">
@@ -44,7 +44,7 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
             Buttons can also be colored in order to give direct visual feedback
             on their intended action by simply giving them another class.
         </p>
-        <div class="grid col-2 grid-gap-xs">
+        <div class="grid col-2 col-medium-1 grid-gap-xs">
             <div>
                 <button class="p-xs r-s border btn-primary">Primary button</button>
                 <code class="d-block p-xxs border r-s mt-s">
diff --git a/htdocs/parts/lists_base.php b/htdocs/parts/lists_base.php
index 87cc760..d3e826c 100644
--- a/htdocs/parts/lists_base.php
+++ b/htdocs/parts/lists_base.php
@@ -11,6 +11,11 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
         <i class="fa-solid fa-list f-right"></i></h2>
 </div>
 <section class="p-s">
+
+    <div class="bkgd-orange t-bold t-center w-full r-l border p-xs mt-xxs mb-m">
+        ⚠️ These styles may change before the 1.0.0 release ⚠️
+    </div>
+
     <h3 class="t-w-500 t-size-12 my-s">Blank lists</h3>
     <div class="px-s">
         <p class="mb-s">
diff --git a/htdocs/parts/tables.php b/htdocs/parts/tables.php
index 33437c8..9a30c18 100644
--- a/htdocs/parts/tables.php
+++ b/htdocs/parts/tables.php
@@ -12,6 +12,11 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
     </h2>
 </div>
 <section class="p-s">
+
+    <div class="bkgd-red t-bold t-center w-full r-l border p-xs mt-xxs mb-m">
+        ⚠️ These styles will change before the 1.0.0 release ⚠️
+    </div>
+
     <h3 class="t-w-500 t-size-12 my-xs mt-xxs">Unstyled table</h3>
     <div class="px-s">
         <p class="mb-s">
diff --git a/todos.txt b/todos.txt
new file mode 100644
index 0000000..9b57a85
--- /dev/null
+++ b/todos.txt
@@ -0,0 +1,15 @@
+floats
+grids mobile sizes
+inputs
+composed element gallery
+body layout
+display utilities
+size utilities
+scrolling utilities
+media
+modal
+code
+
+custom elements
+* wedge
+* ???