diff --git a/elements/_sections.scss b/elements/_sections.scss index f8d7506..368b535 100644 --- a/elements/_sections.scss +++ b/elements/_sections.scss @@ -152,7 +152,7 @@ aside { ul.vertical li { margin-bottom: $space_half; - .a_button>i:last-child { + .a_button > *:last-child { margin-left: auto; } } @@ -256,21 +256,25 @@ header { } } -// Footer +header // Footer + // ----------------------------------------------------------------------------- footer { &.io { - nav { - @extend %flex-inline; - align-items: stretch; + input { + @extend .input_io; + } - input, - select, - button, - span, - div:not(.spacer) { - padding: 0 $space_half !important; - } + textarea { + @extend .io_textarea; + } + + select { + @extend .io_select; + } + + button { + @extend .button_io; } } } \ No newline at end of file diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss index 6e83446..72c3a52 100644 --- a/modules/io/_io_module.scss +++ b/modules/io/_io_module.scss @@ -6,30 +6,21 @@ footer { margin: 0; } - nav>div:not(.spacer), - nav>span, + nav > div:not(.spacer), + nav > span, .a_button { @extend %basic; @extend %size_io_button; } .a_button { - @extend .button_io; - } + color: $color_text_io; + background-color: $color_back_io; - input { - @extend .input_io; - } - - select { - @extend .io_select; - } - - button { - @extend .button_io; - - &>* { - pointer-events: none; + &:active, + &:focus, + &:hover { + background-color: transparentize($color_highlight_basic, 0.8); } } } @@ -47,9 +38,21 @@ aside { margin-inline: $space_half; } + input { + @extend .input_io; + } + textarea { @extend .io_textarea; } + + select { + @extend .io_select; + } + + button { + @extend .button_io; + } } }