Skip to content

USWDS - Form legend + label: Duplicate styles #5894

New issue
New issue
Closed
#5965
Closed
USWDS - Form legend + label: Duplicate styles#5894
#5965
Assignees
mahoneycm
Labels
Context: SassIssue is in SassPackage: FormsRole: DevDevelopment/engineering skills needed
Milestone
uswds 3.9.0
@mahoneycm

Description

@mahoneycm
mahoneycm
opened on Apr 26, 2024

Description

usa-legend and usa-label class styles are duplicative. If we intend to maintain the same visual display for each we should consider moving these styles to a mixin so we only need to maintain in one location

Style definitions

usa-legend

uswds/packages/usa-legend/src/styles/_usa-legend.scss

Lines 3 to 13 in 98566ec

.usa-legend {
@include typeset(
$theme-form-font-family,
$theme-body-font-size,
$theme-input-line-height
);
display: block;
font-weight: font-weight("normal");
margin-top: units(3);
max-width: units($theme-input-max-width);
}

usa-label

uswds/packages/usa-label/src/styles/_usa-label.scss

Lines 3 to 13 in 98566ec

.usa-label {
@include typeset(
$theme-form-font-family,
$theme-body-font-size,
$theme-input-line-height
);
display: block;
font-weight: font-weight("normal");
margin-top: units(3);
max-width: units($theme-input-max-width);
}

Metadata

Metadata

Assignees

Labels

Context: SassIssue is in SassPackage: FormsRole: DevDevelopment/engineering skills needed

Type

No type

Projects

USWDS Core Project Data

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions