interaktionsweise/hippie-style
1
1
Fork 0
Code Pull requests Releases Activity

feat: New style for input range

Browse source 
- Exclude input range from .input_io
- Add TODO to replace .input_io and move to io_module
- Set accent color for input range
This commit is contained in:
sthag 2025-10-20 18:55:07 +02:00
parent 54f1de579c
commit 2d582a5032
2 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
elements/_interactive.scss
View file

@ -79,6 +79,7 @@ td > textarea {
} }
} }
// TODO: Move to io_module
.input_io, .button_io, .io_textarea, .io_select { .input_io, .button_io, .io_textarea, .io_select {
margin: $margin_io; margin: $margin_io;
} }

12
modules/io/_io_module.scss
View file

@ -1,3 +1,7 @@
input[type="range"] {
accent-color: $color_text_io;
}
header, header,
aside, aside,
footer { footer {
@ -17,10 +21,14 @@ footer {
@extend .button_io; @extend .button_io;
} }
input { input:not([type="range"]) {
@extend .input_io; @extend .input_io;
} }
input[type="range"] {
margin: 0;
}
select { select {
@extend .io_select; @extend .io_select;
} }
@ -40,7 +48,7 @@ aside {
&.io { &.io {
padding: $space_basic; padding: $space_basic;
input, input:not([type="range"]),
button, button,
textarea, textarea,
select { select {