You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Inconsistent max-width values across repos create problems for keeping everything in sync. A mix of multiple definitions and high specificity selectors means that .row doesn't behave the same way everywhere.
Selectors to refactor
From _va.scss
body.row.full {
width: 100%;
max-width: 100%;
}
.va-notice--banner {
.row {
max-width: 70em;
}
}
From _hca.scss
body.row {
max-width: 62.5em;
}
Suggested fixes:
Replace body .row.full selector with .va-row--full selector.
Modify markup of include/header.html so that .va-notice--banner .row no longer exists.
Change body .row to .row
The text was updated successfully, but these errors were encountered:
Problem
Inconsistent
max-width
values across repos create problems for keeping everything in sync. A mix of multiple definitions and high specificity selectors means that.row
doesn't behave the same way everywhere.Selectors to refactor
From
_va.scss
From
_hca.scss
Suggested fixes:
body .row.full
selector with.va-row--full
selector.include/header.html
so that.va-notice--banner .row
no longer exists.body .row
to.row
The text was updated successfully, but these errors were encountered: