$summary-box-context: “Summary Box”;

.usa-summary-box {

@include typeset($theme-summary-box-font-family);
@include border-box-sizing;
@include set-text-and-bg(
  $theme-summary-box-background-color,
  $theme-summary-box-text-color,
  $context: $summary-box-context
);
@include u-radius($theme-summary-box-border-radius);
border: $theme-summary-box-border-width color($theme-summary-box-border-color)
  solid;
padding: units(3);
position: relative;

.usa-list {
  &:last-child {
    margin-bottom: 0;
  }
}

* + & {
  margin-top: units(2);
}

}

.usa-summary-box__body {

display: table-cell;
vertical-align: top;

}

.usa-summary-box__heading {

@include typeset($theme-summary-box-font-family, "lg", 2);
margin-top: 0;
margin-bottom: units(1);

}

.usa-summary-box__text {

@include u-margin-y(0);

}

.usa-summary-box__text:only-child {

margin-bottom: $theme-summary-box-border-width;
padding-top: units(0.5);

}

.usa-summary-box__link {

@include set-link-from-bg(
  $theme-summary-box-background-color,
  $theme-summary-box-link-color,
  $context: $summary-box-context
);
&[href^="#"] {
  $link-tokens: get-link-tokens-from-bg(
    $theme-summary-box-background-color,
    $theme-summary-box-link-color,
    $context: $summary-box-context
  );
  &:visited {
    color: color(nth($link-tokens, 1));
  }
  &:hover {
    color: color(nth($link-tokens, 2));
  }
}

}