sthag
4e4f8814d3
- Replace @import with @use and @forward - Only color function is used in _basic.scss for now - Change _all.scss to _index.scss - Modules use direct dependencies - Move @include from _config.scss to _common.scss, this was a long term mistake - Remove $color_list - Change basic_color()
73 lines
No EOL
850 B
SCSS
73 lines
No EOL
850 B
SCSS
@use "../../global/config";
|
|
@use "../../global/common";
|
|
@use "../../global/typography";
|
|
@use "../../elements/interactive";
|
|
|
|
input[type="range"] {
|
|
accent-color: config.$color_text_io;
|
|
}
|
|
|
|
header,
|
|
aside,
|
|
footer {
|
|
&.io {
|
|
nav {
|
|
li,
|
|
label,
|
|
input[type="range"] {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
nav>span,
|
|
nav label,
|
|
.a_button {
|
|
@extend %basic;
|
|
@extend %size_io_button;
|
|
}
|
|
|
|
.a_button {
|
|
@extend .button_io;
|
|
}
|
|
|
|
.group {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
}
|
|
|
|
input:not([type="range"]) {
|
|
@extend .input_io;
|
|
}
|
|
|
|
select {
|
|
@extend .io_select;
|
|
}
|
|
|
|
button {
|
|
@extend .button_io;
|
|
|
|
&>* {
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
header,
|
|
aside {
|
|
&.io {
|
|
padding: config.$space_basic;
|
|
|
|
textarea {
|
|
@extend .io_textarea;
|
|
}
|
|
}
|
|
}
|
|
|
|
header,
|
|
footer {
|
|
&.io {
|
|
@extend %flex-inline;
|
|
align-items: stretch;
|
|
}
|
|
} |