elements/_tables.scss

@@ -101,10 +101,7 @@ tfoot {
 // Row
 // -----------------------------------------------------------------------------
 tr {
-	&.active {
+
-		color: config.$color_highlight_basic;
-		background-color: config.$color_action_basic;
-	}
 }
 
 // Cells
@@ -112,10 +109,6 @@ tr {
 th, td {
 	@extend %basic;
 	padding: config.$space_half;
-
-	&.rigid {
-		white-space: nowrap;
-	}
 }
 
 th {

global/_common.scss

@@ -11,6 +11,25 @@
 
 // General classes
 // -----------------------------------------------------------------------------
+%size_content {
+	box-sizing: content-box;
+}
+
+%size_content_solo {
+	@extend %size_content;
+
+	*,
+	::before,
+	::after {
+		box-sizing: config.$box_sizing;
+	}
+}
+
+%size_io_button {
+	border: config.$width_border_io solid transparent;
+	padding: config.$padding_basic;
+}
+
 .di_none {
 	display: none !important;
 }

modules/io/_io_module.scss

@@ -19,34 +19,23 @@ footer {
 			}
 		}
 
-		nav > span,
+		nav>span,
 		nav label,
 		.a_button {
 			@extend %basic;
-			border: config.$width_border_io solid transparent;
+			@extend %size_io_button;
-			padding: config.$padding_basic;
 		}
 
 		.a_button {
 			@extend .button_io;
 		}
 
-		.group-input {
+		.group {
 			display: flex;
 			flex-flow: row nowrap;
 		}
 
-		.group-input-wrap {
+		input:not([type="range"]) {
-			border: config.$width_border_io solid transparent;
-			padding: config.$padding_basic;
-			background-color: config.$color_back_io;
-
-			& > input {
-				margin: 0;
-			}
-		}
-
-		input:not([type="checkbox"], [type="range"]) {
 			@extend .input_io;
 		}
 
@@ -57,7 +46,7 @@ footer {
 		button {
 			@extend .button_io;
 
-			& > * {
+			&>* {
 				pointer-events: none;
 			}
 		}