Compare commits

...

3 commits

Author SHA1 Message Date
530748663f feat: Additions for tables and io
- Add active state for rows
- New elements for io
- Remove unused SASS placeholders
2026-02-14 19:07:11 +01:00
295626eb6e feat: Rename io group class 2026-02-14 10:14:55 +01:00
bed57b9443 feat: Add dedicated style for cells 2026-02-14 10:14:38 +01:00
3 changed files with 24 additions and 25 deletions

View file

@ -101,7 +101,10 @@ tfoot {
// Row // Row
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
tr { tr {
&.active {
color: config.$color_highlight_basic;
background-color: config.$color_action_basic;
}
} }
// Cells // Cells
@ -109,6 +112,10 @@ tr {
th, td { th, td {
@extend %basic; @extend %basic;
padding: config.$space_half; padding: config.$space_half;
&.rigid {
white-space: nowrap;
}
} }
th { th {

View file

@ -11,25 +11,6 @@
// General classes // General classes
// ----------------------------------------------------------------------------- // -----------------------------------------------------------------------------
%size_content {
box-sizing: content-box;
}
%size_content_solo {
@extend %size_content;
*,
::before,
::after {
box-sizing: config.$box_sizing;
}
}
%size_io_button {
border: config.$width_border_io solid transparent;
padding: config.$padding_basic;
}
.di_none { .di_none {
display: none !important; display: none !important;
} }

View file

@ -19,23 +19,34 @@ footer {
} }
} }
nav>span, nav > span,
nav label, nav label,
.a_button { .a_button {
@extend %basic; @extend %basic;
@extend %size_io_button; border: config.$width_border_io solid transparent;
padding: config.$padding_basic;
} }
.a_button { .a_button {
@extend .button_io; @extend .button_io;
} }
.group { .group-input {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
} }
input:not([type="range"]) { .group-input-wrap {
border: config.$width_border_io solid transparent;
padding: config.$padding_basic;
background-color: config.$color_back_io;
& > input {
margin: 0;
}
}
input:not([type="checkbox"], [type="range"]) {
@extend .input_io; @extend .input_io;
} }
@ -46,7 +57,7 @@ footer {
button { button {
@extend .button_io; @extend .button_io;
&>* { & > * {
pointer-events: none; pointer-events: none;
} }
} }