Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
React Redux Application
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
font-size: 1.1rem;
}
nav {
display: flex;
padding: 2rem 0;
background: #111;
}
nav section {
width: 100%;
}
nav a {
font-weight: 700;
padding: 1rem 1.5rem;
border-radius: 4px;
}
nav a:first-of-type {
margin-left: -1.5rem;
}
nav a:hover {
background: #222;
}
a {
color: #ea3546;
text-decoration: none;
}
section {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 0 1.5rem;
}
section h1 {
font-size: 3rem;
}
.post h2 {
font-size: 2.5rem;
}
.post-excerpt {
padding: 1.5rem 0;
border-bottom: 1px solid #eee;
}
.post-excerpt:first-of-type {
padding-top: 0;
}
.post-excerpt h2 {
margin-top: 0;
font-size: 1.5rem;
}
.comment {
background: #f0f0f0;
border-radius: 4px;
padding: 1rem 1.5rem;
margin: 1rem 0;
}
.button {
display: inline-block;
background: #ea3546;
color: white;
border-radius: 4px;
font-weight: 700;
padding: 0.75rem 1.5rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment