_blog.scss 695 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .blogContainer {
  2. .posts {
  3. margin-top: 60px;
  4. .post {
  5. border: 1px solid $primary-bg;
  6. border-radius: 3px;
  7. padding: 10px 20px 20px;
  8. }
  9. }
  10. .lonePost {
  11. margin-top: 60px;
  12. .post {
  13. padding: 10px 0px 0px;
  14. }
  15. }
  16. .post-header {
  17. h1 {
  18. text-align: center;
  19. }
  20. .post-authorName {
  21. color: rgba($text, 0.7);
  22. font-size: 14px;
  23. font-weight: 900;
  24. margin-top: 0;
  25. padding: 0;
  26. text-align: center;
  27. }
  28. .authorPhoto {
  29. border-radius: 50%;
  30. height: 50px;
  31. left: 50%;
  32. margin-left: -25px;
  33. overflow: hidden;
  34. position: absolute;
  35. top: -25px;
  36. width: 50px;
  37. }
  38. }
  39. }