src/app/core/support/support/support.component.scss
@use "variables/sizes";
@use "variables/colors";
$table-odd-color: colors.$grey-light;
$table-even-color: colors.$grey-medium;
$table-border-color: colors.$border-color;
$table-border: 1px solid $table-border-color;
$table-padding-horizontal: 12px;
$table-padding-vertical: 16px;
$table-padding: $table-padding-vertical $table-padding-horizontal;
:host {
max-width: sizes.$max-text-width;
margin: 0 auto;
display: block;
}
.support-table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: sizes.$large;
&--body {
> tr:nth-of-type(odd) {
background-color: $table-odd-color;
border-top: $table-border;
border-bottom: $table-border;
}
> tr:nth-of-type(even) {
background-color: $table-even-color;
}
> tr td:first-child {
width: 25%;
}
> tr td:nth-child(2) {
width: 75%;
}
}
th {
padding: $table-padding;
text-align: left;
}
td {
padding: $table-padding;
}
}
.tech-details {
color: colors.$hint-text;
}
.mat-expansion-panel {
background-color: transparent;
border: 1px colors.$hint-text solid;
margin-bottom: sizes.$large;
}
.sw-logs {
overflow: auto;
white-space: pre;
}