Commit ddb8294d authored by Morgan Nichols's avatar Morgan Nichols

Flatten background colors

parent b85d4b23
......@@ -43,12 +43,12 @@ const App = () => (
<p>With thousands of interconnected communities to choose from, and the tools to make your own, Mastodon is the world's largest free, open-source, decentralized micro-blogging network.</p>
<a href='https://instances.mastodon.xyz' className='cta button'>Get started</a>
</div>
</div>
<div className='hero'>
<img className='desktop' src={screenshotFull} draggable={false} alt='Screenshot of Mastodon on desktop'/>
<img className='mobile' src={screenshotMobile} draggable={false} alt='Screenshot of Mastodon on desktop'/>
<img className='logo' src={mastodonLogo} draggable={false} alt='Mastodon logo' />
<div className='hero'>
<img className='desktop' src={screenshotFull} draggable={false} alt='Screenshot of Mastodon on desktop'/>
<img className='mobile' src={screenshotMobile} draggable={false} alt='Screenshot of Mastodon on desktop'/>
<img className='logo' src={mastodonLogo} draggable={false} alt='Mastodon logo' />
</div>
</div>
<div className='feature container'>
......
......@@ -19,7 +19,7 @@ $phi: 1.6180339887498948482;
.navbar {
overflow: hidden;
background-color: mix($darkest, $black);
background-color: $black;
ul {
list-style: none;
......@@ -123,10 +123,9 @@ $phi: 1.6180339887498948482;
.intro {
text-align: center;
padding: 30px 0 140px;
padding-top: 30px;
$bgBase: mix($darker, $darkest, 20%);
background: linear-gradient( to bottom, $bgBase, $bgBase, $darkest);
background: $darkest;
color: $lighter;
.text {
......@@ -152,8 +151,8 @@ $phi: 1.6180339887498948482;
.hero {
position: relative;
margin: -100px auto 0;
// outline: solid 1px red;
margin: 30px auto;
padding-bottom: 15px;
width: 800px;
height: 500px;
......@@ -180,8 +179,10 @@ $phi: 1.6180339887498948482;
width: 150px;
left: 0;
right: 0;
bottom: 0;
bottom: -75px;
margin: auto;
background-color: $black;
border-radius: 75px;
}
}
......
......@@ -2,7 +2,7 @@
body {
font-family: 'Roboto', sans-serif;
background: $darkest;
background-color: mix($darkest, $black, 75%);
color: $darker;
font-size: 13px;
line-height: 18px;
......
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