Commit f77db863 authored by Dan Allen's avatar Dan Allen Committed by Guillaume Grossetie
Browse files

adjust font sizes and spacing

- use 1.0625rem (17px) for most paragraph text
- use 1.5 for line height
- increase padding above CTA buttons
- make hero title and text larger
- remove left padding on CTA button on mobile
- align hero title center on mobile
- use text-decorate instead of border bottom to call attention to text
- increase letter spacing in last button
- remove some unnecessary overrides
parent 888ed518
......@@ -147,14 +147,14 @@ header .logo > img {
}
.main > .hero p {
font-size: 1.25rem;
line-height: 1.75rem;
font-size: 1.125rem;
line-height: 1.5;
position: relative;
z-index: 10;
}
.main > .hero .imageblock {
padding-top: 2rem;
padding-top: 3rem;
}
.main > .hero .imageblock > .content {
......@@ -187,7 +187,7 @@ header .logo > img {
.main h1 {
font-family: var(--brand-font-secondary);
font-size: 2.25em;
font-size: 2.25rem;
font-weight: 700;
max-width: 1150px;
padding-top: 5.5rem;
......@@ -196,17 +196,22 @@ header .logo > img {
margin: auto;
z-index: 10;
position: relative;
text-align: center;
}
@media (min-width: 640px) {
.main h1 {
font-size: 2.5rem;
font-size: 2.75rem;
}
}
@media (min-width: 1024px) {
.main h1 {
font-size: 3rem;
font-size: 3.25rem;
}
.main > .hero p {
font-size: 1.25rem;
}
}
......@@ -404,7 +409,7 @@ section.about h2 {
section.about h3 {
max-width: 440px;
line-height: normal;
padding-bottom: 2.375rem;
padding-bottom: 1.5rem;
}
section h2 {
......@@ -749,7 +754,7 @@ section.try .toggle {
}
span.attn {
border-bottom: 1px dotted currentcolor;
text-decoration: underline 0.5px dashed rgba(255 255 255 / 50%);
}
/* compare */
......@@ -828,14 +833,9 @@ section.compare .tabset > .content .title {
padding-bottom: 1.5rem;
}
section.compare p {
section.compare .tabset p {
font-size: 1rem;
line-height: 1.5rem;
}
section.compare > .content > .paragraph > p {
font-size: 1.125rem;
line-height: 1.5rem;
line-height: 1.6;
}
section.specifications {
......@@ -1157,8 +1157,9 @@ section.docs a {
background-color: var(--brand-color-700);
font-weight: 500;
font-size: 1rem;
line-height: 1.5rem;
line-height: 1.5;
font-family: var(--brand-font-secondary);
letter-spacing: 0.015em;
}
.main h3 {
......@@ -1196,16 +1197,16 @@ section.docs a {
.main a.button {
display: inline-flex;
}
.main a.button + a.button {
margin-left: 0.5rem;
}
}
.main .paragraph + .paragraph {
margin-top: 1rem;
}
.main a.button + a.button {
margin-left: 0.5rem;
}
.main a.button.invert {
background-color: transparent;
color: white;
......@@ -1213,8 +1214,8 @@ section.docs a {
}
.main p {
font-size: 1.125rem;
line-height: 1.75rem;
font-size: 1.0625rem;
line-height: 1.5;
}
.main p:not(:last-child) {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment