From 225c1dd55ce90dc8c55585edc795ecf7891d380a Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Mon, 20 Oct 2025 21:08:42 +0200
Subject: [PATCH] feat: Update to .io styles

- Combine element definitions for margin
- Add label handling
- Add .group for combinations with gap in between
---
 modules/io/_io_module.scss | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index 241ffe5..3f8c9e6 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -6,12 +6,16 @@ header,
 aside,
 footer {
 	&.io {
-		nav li {
-			margin: 0;
+		nav {
+			li,
+			label,
+			input[type="range"] {
+				margin: 0;
+			}
 		}
 
-		nav>div:not(.spacer),
 		nav>span,
+		nav label,
 		.a_button {
 			@extend %basic;
 			@extend %size_io_button;
@@ -21,12 +25,13 @@ footer {
 			@extend .button_io;
 		}
 
-		input:not([type="range"]) {
-			@extend .input_io;
+		.group {
+			display: flex;
+			flex-flow: row nowrap;
 		}
 
-		input[type="range"] {
-			margin: 0;
+		input:not([type="range"]) {
+			@extend .input_io;
 		}
 
 		select {