Commit 4fab70b4 authored by Nichlas W. Andersen's avatar Nichlas W. Andersen
Browse files

Adjustments

Paragraph font-size change and better h2 styling
parent 6052b078
......@@ -2,8 +2,8 @@
<div class="container">
<div class="columns">
<div class="column text">
<h2>Great feature</h2>
<p>Some nice text to back it up, and explain some stuff.</p>
<h2>Great feature <span class="light">that you should check out.</span></h2>
<p>Some nice text to back it up, and explain some stuff. And it looks super good.</p>
</div>
<div class="column media">
<img src="/img/product-shot-1.png" alt="Product shot">
......
......@@ -5,8 +5,8 @@
<img src="/img/product-shot-1.png" alt="Product shot">
</div>
<div class="column text">
<h2>Great feature</h2>
<p>Some nice text to back it up, and explain some stuff.</p>
<h2>Another one <span class="light">that you should def check out.</span></h2>
<p>We don't know what this feature is yet, but we're pretty sure you'll love it!</p>
</div>
</div>
</div>
......
This diff is collapsed.
/*
Put any CSS resets here, or use a CSS reset: https://cssreset.com/
*/*{box-sizing:border-box;margin:0;padding:0}:root{
/* Colors */}h1{font-size:48px;font-size:3rem;font-weight:700;letter-spacing:-1.6px;letter-spacing:-0.1rem;line-height:1}h1 span.light{font-weight:300}h3{font-size:16px;font-size:1rem;font-weight:700;letter-spacing:0}h3,p{line-height:1.35}p{font-size:14.4px;font-size:0.9rem;font-weight:400;color:#666}@media screen and (min-width:700px){h1{font-size:3.5rem}}@media screen and (min-width:1000px){h1{font-size:4rem}}.container{width:1200px;max-width:100%;margin:0 auto}.block{padding:64px 32px;padding:4rem 2rem}@media screen and (min-width:700px){.block{padding:6rem 4rem}}
/* Colors */}h1{font-size:48px;font-size:3rem;font-weight:700;letter-spacing:-1.6px;letter-spacing:-0.1rem;line-height:1}h1 span.light{font-weight:300}h2{font-size:32px;font-size:2rem;font-weight:700}h2 span.light{font-weight:300}h3{font-weight:700;letter-spacing:0}h3,p{font-size:16px;font-size:1rem;line-height:1.35}p{font-weight:400;color:#666}@media screen and (min-width:700px){h1{font-size:3.5rem}}@media screen and (min-width:1000px){h1{font-size:4rem}}.container{width:1200px;max-width:100%;margin:0 auto}.block{padding:64px 32px;padding:4rem 2rem}@media screen and (min-width:700px){.block{padding:6rem 4rem}}
/* Components */.button{outline:none;border:0;padding:12.8px 24px;padding:0.8rem 1.5rem;border-radius:0.3rem;font-size:12.8px;font-size:0.8rem;font-weight:500;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8}.button.primary{background-color:#ffcb3c;color:#fff}.button.primary.inverted{background-color:#fff;color:#000}
/* Secondary */.button.secondary{background-color:transparent;border:1.5px solid #ffcb3c}
/* Sizes */.button.small{font-size:9.6px;font-size:0.6rem;padding:8px 16px;padding:0.5rem 1rem}input{border:none;border-bottom:1px solid #000;font-size:16px;font-size:1rem;padding:12.8px;padding:0.8rem;background:none;color:#000}input::-webkit-input-placeholder{color:#666}input:-ms-input-placeholder{color:#666}input::placeholder{color:#666}input.inverted{border-bottom:1px solid #fff;color:#000;background:#fff;border-radius:0.3rem}input.inverted::-webkit-input-placeholder{color:#ddd}input.inverted:-ms-input-placeholder{color:#ddd}input.inverted::placeholder{color:#ddd}
......
......@@ -7,6 +7,15 @@ h1 {
h1 span.light { font-weight: 300; }
h2 {
font-size: 2rem;
font-weight: bold;
}
h2 span.light {
font-weight: 300;
}
h3 {
font-size: 1rem;
font-weight: bold;
......@@ -15,7 +24,7 @@ h3 {
}
p {
font-size: 0.9rem;
font-size: 1rem;
font-weight: normal;
color: var(--color-black-3);
line-height: 1.35;
......
Supports Markdown
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