// Subhead styles .Subhead {
display: flex; padding-bottom: $spacer-2; margin-bottom: $spacer-3; border-bottom: $border-width $border-style var(--color-border-secondary); flex-flow: row wrap;
}
// Modifier class to give a lot of breathing room between sections of content. .Subhead–spacious {
margin-top: $spacer-6;
}
// <h2> sized heading with normal font weight .Subhead-heading {
font-size: $h2-size; font-weight: $font-weight-normal; flex: 1 1 auto;
}
// Make the text bold and red for dangerous content .Subhead-heading–danger {
font-weight: $font-weight-bold; color: var(--color-text-danger);
}
// One-liner of supporting text .Subhead-description {
font-size: $body-font-size; color: var(--color-text-secondary); flex: 1 100%;
}
// Add 1 or 2 buttons to the right of the heading .Subhead-actions {
align-self: center; justify-content: flex-end;
}