sass-site/source/assets/sass/components/_tables.scss
2023-03-23 21:30:45 -05:00

37 lines
569 B
SCSS

@use '../breakpoints';
.sl-c-table {
margin: var(--sl-gutter--sesqui) 0;
border: 0;
width: 100%;
max-width: 100%;
td,
th {
border: 0;
padding: var(--sl-gutter--minus) var(--sl-table-cell-padding);
vertical-align: top;
}
th,
caption {
text-align: left;
}
@include breakpoints.sl-breakpoint--medium-max {
&-responsive {
margin-bottom: var(--sl-gutter--sesqui);
width: 100%;
overflow: auto hidden;
table {
margin-bottom: 0;
}
td {
white-space: nowrap;
}
}
}
}