-
-
Save bnb/f65a3b79ef26c506c740148e77d93f69 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Components */ | |
/* Component: .top (top navigation) */ | |
header.top { | |
padding: 15px 20%; | |
} | |
header.top .headerContainer { | |
max-width: 1000px; | |
content: ""; | |
clear: both; | |
} | |
header.top h1 { | |
margin: 0; | |
display: inline; | |
border: 2px solid #b13737; | |
text-decoration: none; | |
background: transparent; | |
color: #b13737; | |
text-transform: lowercase; | |
padding: 5px 10px; | |
transition: background 0.5s, color 0.5s; | |
} | |
header.top h1:hover { | |
border: 2px solid #b13737; | |
background: #b13737; | |
color: #fff; | |
transition: background 0.5s, color 0.5s; | |
} | |
header.top ul { | |
margin: 10px; | |
padding: 0; | |
float: right; | |
} | |
header.top li { | |
display: inline; | |
padding: 0 5px; | |
font-size: 1.3rem; | |
} | |
/* Component: humongous */ | |
.humongous { | |
border-top: 1px solid #e9e9e9; | |
border-bottom: 1px solid #e9e9e9; | |
background-color: #f6f6f6; | |
text-align: center; | |
padding: 125px 10px 100px; | |
} | |
.humongous .hello { | |
margin-top: 20px; | |
margin-bottom: 3px; | |
font-size: 3rem; | |
} | |
.humongous h1 { | |
text-transform: uppercase; | |
} | |
/* End components */ | |
/* Custom: blog-index */ | |
.blog-index .content { | |
padding: 0.25em 0; | |
margin-top: 2em; | |
} | |
.blog-index .content p, .content h1 { | |
max-width: 800px; | |
margin: 0 auto; | |
} | |
.blog-index .humongous:not(:nth-of-type(2n)) { | |
background-color: #fff; | |
} | |
.blog-index .grayscale { | |
max-width: 200px; | |
margin: 0 auto; | |
padding: 0; | |
display: block; | |
} | |
.blog-index .humongous h1.hello { | |
font-size: 2.25em; | |
margin: 0 auto; | |
padding: 0.25em; | |
max-width: 800px; | |
} | |
.blog-index ul { | |
margin: 0; | |
padding: 0; | |
} | |
.blog-index .datetime { | |
padding: 0 0 1em 0; | |
display: block; | |
} | |
/* End components */ | |
/* Custom: blog-index */ | |
.blog-index .content { | |
padding: 0.25em 0; | |
margin-top: 2em; | |
} | |
.blog-index .content p, .content h1 { | |
max-width: 800px; | |
margin: 0 auto; | |
} | |
.blog-index .humongous:not(:nth-of-type(2n)) { | |
background-color: #fff; | |
} | |
.blog-index .grayscale { | |
max-width: 200px; | |
margin: 0 auto; | |
padding: 0; | |
display: block; | |
} | |
.blog-index .humongous h1.hello { | |
font-size: 2.25em; | |
margin: 0 auto; | |
padding: 0.25em; | |
max-width: 800px; | |
} | |
.blog-index ul { | |
margin: 0; | |
padding: 0; | |
} | |
.blog-index .datetime { | |
padding: 0 0 1em 0; | |
display: block; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment