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,
|
||||
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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue