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