Make form elements inherit more font properties

This commit is contained in:
Adam Wathan 2019-03-11 08:41:16 -04:00
parent c2d022a8a1
commit c246f19773
3 changed files with 47 additions and 0 deletions

View File

@ -488,6 +488,22 @@ h6 {
font-weight: inherit;
}
/**
* Inherit color, font-weight, and line-height from the parent
* so that form elements don't inadvertently have any styles
* that deviate from your design system.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-weight: inherit;
line-height: inherit;
}
.container {
width: 100%;
}

View File

@ -488,6 +488,22 @@ h6 {
font-weight: inherit;
}
/**
* Inherit color, font-weight, and line-height from the parent
* so that form elements don't inadvertently have any styles
* that deviate from your design system.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-weight: inherit;
line-height: inherit;
}
.container {
width: 100%;
}

View File

@ -133,3 +133,18 @@ h6 {
font-size: inherit;
font-weight: inherit;
}
/**
* Inherit color, font-weight, and line-height from the parent
* so that form elements don't inadvertently have any styles
* that deviate from your design system.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-weight: inherit;
line-height: inherit;
}