feat: Update to .io styles

- Combine element definitions for margin
- Add label handling
- Add .group for combinations with gap in between
This commit is contained in:
sthag 2025-10-20 21:08:42 +02:00
parent 9d4c65ad28
commit 225c1dd55c

View file

@ -6,12 +6,16 @@ header,
aside, aside,
footer { footer {
&.io { &.io {
nav li { nav {
margin: 0; li,
label,
input[type="range"] {
margin: 0;
}
} }
nav>div:not(.spacer),
nav>span, nav>span,
nav label,
.a_button { .a_button {
@extend %basic; @extend %basic;
@extend %size_io_button; @extend %size_io_button;
@ -21,12 +25,13 @@ footer {
@extend .button_io; @extend .button_io;
} }
input:not([type="range"]) { .group {
@extend .input_io; display: flex;
flex-flow: row nowrap;
} }
input[type="range"] { input:not([type="range"]) {
margin: 0; @extend .input_io;
} }
select { select {