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:
parent
9d4c65ad28
commit
225c1dd55c
1 changed files with 12 additions and 7 deletions
|
|
@ -6,12 +6,16 @@ header,
|
||||||
aside,
|
aside,
|
||||||
footer {
|
footer {
|
||||||
&.io {
|
&.io {
|
||||||
nav li {
|
nav {
|
||||||
|
li,
|
||||||
|
label,
|
||||||
|
input[type="range"] {
|
||||||
margin: 0;
|
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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue