// Layouts for particular pages
.front-page {
// Used by the front page. .avatar { border-radius: 15px; margin-top: 1em; width: 150px; height: 150px; } .about { margin-top: 1em; margin-bottom: 1em; font-family: $title-font-family; } .social-links { font-size: 1.5em; @media screen and (min-width: 768px) { font-size: 2em; } text-align: center; padding-left: 0; list-style: none; li { display: inline-block; margin-left: 5px; margin-right: 5px; a { color: lighten($link_color, 5%); } a:hover { background: none; color: lighten($link_color, 25%); } } }
}
.archive-page {
// Used by the Archives page. ul { list-style: none; padding-left: 0; } li { margin-top: 5px; margin-bottom: 5px; } h3 { font-size: 24px; margin-top: 1.25em; }
}