normalize summary box

This commit is contained in:
Rachid Mrad 2025-01-10 15:32:00 -05:00
parent 8142daf3a6
commit 1bc83a1c3e
No known key found for this signature in database
4 changed files with 28 additions and 10 deletions

View file

@ -812,16 +812,19 @@ div.dja__model-description{
text-decoration: underline !important;
}
//-- Override some styling for the USWDS summary box (per design quidance for ticket #2055
.usa-summary-box {
//-- Override some styling for the USWDS summary box (per design guidance for ticket #2055)
// Keep it scoped to admin.scss
.dashboard {
.usa-summary-box {
background: #{$dhs-blue-10};
border-color: #{$dhs-blue-30};
max-width: 72ex;
word-wrap: break-word;
}
}
.usa-summary-box h3 {
.usa-summary-box h3 {
color: #{$dhs-blue-60};
}
}
.module caption, .inline-group h2 {

View file

@ -59,7 +59,6 @@ body {
}
h2 {
color: color('primary-dark');
margin-top: units(2);
margin-bottom: units(2);
}

View file

@ -0,0 +1,15 @@
// USWDS override to basically match the header size to a standard h3 size
// This get complicated because USWDS sets a size on the container then a relative
// size on the header. We'll need to reset the container size, override the header size,
// then 'fix' the content size.
.usa-summary-box {
font-size: 1rem;
.usa-summary-box__heading {
font-size: 1.17em;
}
p, li, dd {
font-size: 1.06rem;
}
}

View file

@ -17,6 +17,7 @@
@forward "forms";
@forward "search";
@forward "tooltips";
@forward "summary-box";
@forward "fieldsets";
@forward "alerts";
@forward "tables";