diff --git a/packages/opendesign/src/table/style/media.scss b/packages/opendesign/src/table/style/media.scss index 8574f0cbdb8201a7826aa16c19f056d339386822..525bf1f29aa54215d6df1adc3fe6ca1ebf268ad8 100644 --- a/packages/opendesign/src/table/style/media.scss +++ b/packages/opendesign/src/table/style/media.scss @@ -11,15 +11,22 @@ --table-edge-padding: 24px; } + @include respond-to('<=pad') { + --table-radius: var(--o-radius_control-s); + + --table-head-cell-padding-x: 12px; + --table-cell-padding-x: 12px; + + --table-edge-padding: 20px; + } + @include respond-to('<=pad_v') { --table-text-size: var(--o-font_size-tip2); --table-text-height: var(--o-line_height-tip2); - --table-edge-padding: 12px; - } - - @include respond-to('<=pad') { - --table-radius: var(--o-radius_control-s); + --table-head-cell-padding-x: 8px; + --table-cell-padding-x: 8px; + --table-edge-padding: 8px; } } @@ -27,10 +34,11 @@ @include respond-to('<=pad') { --table-text-size: var(--o-font_size-tip2); --table-text-height: var(--o-line_height-tip2); + --table-head-cell-padding-x: 8px; + --table-cell-padding-x: 8px; + + --table-edge-padding: 8px; --table-radius: var(--o-radius_control-s); } - @include respond-to('<=pad_v') { - --table-edge-padding: 12px; - } }