Remove numeric font-weights

We have seen lots of issues across browsers with font-weights defined as numbers (e.g. 400 vs regular).

Updated one place that was effected by new line lengths and wrapping issues.
This commit is contained in:
carljbowman 2018-07-16 18:04:43 -04:00
parent ebd41b169e
commit 5a067132b6
2 changed files with 17 additions and 12 deletions

View file

@ -22,34 +22,34 @@ h4 {
padding: 0; padding: 0;
color: $header-gray; color: $header-gray;
font-weight: 700; font-weight: bold;
} }
h1 { h1 {
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 900; font-weight: bold;
} }
h2 { h2 {
font-size: 2rem; font-size: 2rem;
font-weight: 600; font-weight: bold;
} }
h3 { h3 {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 500; font-weight: bold;
} }
h4 { h4 {
font-size: 1rem; font-size: 1rem;
font-weight: 700; font-weight: bold;
} }
h5 { h5 {
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 2px; letter-spacing: 2px;
font-size: .85rem; font-size: .85rem;
font-weight: 700; font-weight: bold;
} }
p { p {
@ -85,14 +85,14 @@ p {
b, b,
strong { strong {
font-weight: 500; font-weight: bold;
} }
/* Links */ /* Links */
a { a {
cursor: pointer; cursor: pointer;
color: $ui-blue; color: $ui-blue;
font-weight: 500; font-weight: bold;
&:link, &:link,
&:visited, &:visited,
@ -136,7 +136,7 @@ p {
p { p {
font-size: 1rem; font-size: 1rem;
font-weight: 300; font-weight: normal;
} }
::selection { ::selection {
@ -149,7 +149,7 @@ ul {
line-height: 1.5em; line-height: 1.5em;
font-size: 1rem; font-size: 1rem;
font-weight: 300; font-weight: normal;
li { li {
margin: .75em 0; margin: .75em 0;
@ -159,10 +159,10 @@ ul {
dl { dl {
line-height: 1.5rem; line-height: 1.5rem;
font-size: 1rem; font-size: 1rem;
font-weight: 300; font-weight: normal;
dt { dt {
font-weight: 700; font-weight: bold;
} }
dd { dd {

View file

@ -70,6 +70,11 @@
.installation-column { .installation-column {
max-width: $cols4; max-width: $cols4;
text-align: center; text-align: center;
p {
margin-left: .5rem;
margin-right: .5rem;
}
} }
.installation-column-number { .installation-column-number {