Reorder responsive size declrations in sass

This commit is contained in:
igorkorenfeld 2023-04-05 16:41:56 -04:00
parent 1c426c4a9b
commit e3b6c8305d
No known key found for this signature in database
GPG key ID: 826947A4B867F659

View file

@ -247,35 +247,6 @@ section.dashboard {
} }
} }
.dotgov-table {
width: 100%;
a {
display: flex;
align-items: flex-start;
color: color('primary');
&:visited {
color: color('primary');
}
.usa-icon {
// align icon with x height
margin-top: units(0.5);
margin-right: units(0.5);
}
}
th[data-sortable]:not([aria-sort]) .usa-table__header__button {
right: auto;
}
tbody th {
word-break: break-word;
}
}
.dotgov-table--stacked { .dotgov-table--stacked {
td, th { td, th {
padding: units(1) units(2) units(2px) 0; padding: units(1) units(2) units(2px) 0;
@ -303,9 +274,36 @@ section.dashboard {
} }
} }
@include at-media(mobile-lg) { .dotgov-table {
width: 100%;
a {
display: flex;
align-items: flex-start;
color: color('primary');
&:visited {
color: color('primary');
}
.usa-icon {
// align icon with x height
margin-top: units(0.5);
margin-right: units(0.5);
}
}
th[data-sortable]:not([aria-sort]) .usa-table__header__button {
right: auto;
}
tbody th {
word-break: break-word;
}
@include at-media(mobile-lg) {
.dotgov-table {
margin-top: units(1); margin-top: units(1);
tr { tr {