_posts.scss 865 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. // Posts and pages
  2. //
  3. // Each post is wrapped in `.post` and is used on default and post layouts. Each
  4. // page is wrapped in `.page` and is only used on the page layout.
  5. .page,
  6. .post {
  7. margin-bottom: 4em;
  8. }
  9. // Blog post or page title
  10. .page-title,
  11. .post-title,
  12. .post-title a {
  13. color: #303030;
  14. }
  15. .page-title,
  16. .post-title {
  17. margin-top: 0;
  18. }
  19. // Meta data line below post title
  20. .post-date {
  21. display: block;
  22. margin-top: -.5rem;
  23. margin-bottom: 1rem;
  24. color: #9a9a9a;
  25. }
  26. // Related posts
  27. .related {
  28. padding-top: 2rem;
  29. padding-bottom: 2rem;
  30. border-top: 1px solid #eee;
  31. }
  32. .related-posts {
  33. padding-left: 0;
  34. list-style: none;
  35. h3 {
  36. margin-top: 0;
  37. }
  38. li {
  39. small {
  40. font-size: 75%;
  41. color: #999;
  42. }
  43. a:hover {
  44. color: #268bd2;
  45. text-decoration: none;
  46. small {
  47. color: inherit;
  48. }
  49. }
  50. }
  51. }