@import "../components/page"; @import "../components/_link"; $std-trans: 0.3s; .blog__content { @include md; p { margin: 30px 0; } } .blog__container { margin: auto; max-width: 50%; } .blog__list { list-style: none; } .blog__post-link, .blog__post-link:visited { text-decoration: none; color: inherit; } .blog__title { margin: 35px 0; } .blog__post-link { display: block; } .blog__post-item { border-bottom: 1px dashed #333; margin: 10px; padding: 10px; } .blog__post-item:hover { background-color: lightgray; } .blog__post-item:last-child { border-bottom: none; } .blog__post-description { font-size: 0.9rem; margin: 5px 0; } .blog__post-tag { font-size: 0.7rem; font-family: monospace, monospace; } .blog__post-tag:hover { @include a_hover; } .blog__post-meta { font-size: 0.7rem; } .blog__post-title { font-size: 1.4rem; font-weight: 550; } .blog__post-tag-container { margin: 0; } .blog__post-warning { background: yellow; padding: 5px; margin: 10px; border-left: 10px solid orange; * { margin: 5px !important; } }