feat: Rename io classes

This leads to more renaming.

- io_input is now input_io
- io_button is now button_io

elements/_interactive.scss

@@ -79,7 +79,7 @@ td > textarea {
 	}
 }
 
-.io_input, .io_textarea, .io_select {
+.input_io, .io_textarea, .io_select {
 	padding: $space_half;
 	color: $color_text_io;
 	background-color: $color_back_io;
@@ -114,7 +114,7 @@ td > textarea {
 	}
 }
 
-.io_input, .io_textarea {
+.input_io, .io_textarea {
 	border: $border_io;
 
 	&[readonly="readonly"],
@@ -149,7 +149,7 @@ button {
 
 }
 
-.io_button {
+.button_io {
 	@extend %basic_button;
 	border: $width_border_io solid $color_border_button;
 	padding: $padding_basic;

global/_config.scss

@@ -157,6 +157,19 @@ $width_border_8: $width_border_basic * 8;
 
 $radius_basic: $space_tiny * 2 !default;
 
+$z-indexes: (
+	"default": 0,
+	"content-bottom": 1,
+	"content-low": 2,
+	"content-med": 3,
+	"content-high": 4,
+	"content-top": 10,
+	"modal-low": 11,
+	"modal-med": 12,
+	"modal-high": 13,
+	"toast": 100
+);
+
 
 
 // IO
@@ -177,11 +190,11 @@ $io_input_list: 'input[type="text"]',
 	'input[type="search"]',
 	'input:not([type])';
 
-$io_date_list: '.io_input[type="date"]',
-	'.io_input[type="time"]',
-	'.io_input[type="datetime-local"]',
-	'.io_input[type="month"]',
-	'.io_input[type="week"]';
+$io_date_list: '.input_io[type="date"]',
+	'.input_io[type="time"]',
+	'.input_io[type="datetime-local"]',
+	'.input_io[type="month"]',
+	'.input_io[type="week"]';
 
 $io_button_list: 'button',
 	'input[type="button"]',