_posts-expand.styl 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. // Post Expand
  2. // --------------------------------------------------
  3. .posts-expand {
  4. &.index {
  5. .post-title, .post-meta {
  6. text-align: $site-meta-text-align;
  7. +mobile() {
  8. text-align: center;
  9. }
  10. }
  11. .post-meta {
  12. margin: 5px 0 20px 0;
  13. }
  14. }
  15. .post-eof {
  16. display: none;
  17. }
  18. .post-block:not(:first-child) {
  19. margin-top: 120px;
  20. }
  21. .post-title, .post-meta {
  22. text-align: center;
  23. }
  24. .post-body img {
  25. margin-left: 0;
  26. }
  27. .post-tags {
  28. text-align: left;
  29. a {
  30. background: $whitesmoke;
  31. border-bottom: none;
  32. padding: 1px 5px;
  33. &:hover {
  34. background: $grey-light;
  35. }
  36. }
  37. }
  38. .post-nav {
  39. margin-top: 40px;
  40. }
  41. }
  42. .post-button {
  43. margin-top: 20px;
  44. text-align: left;
  45. .btn {
  46. // color: $grey-dim;
  47. background: none;
  48. border: 0;
  49. border-bottom: 2px solid var(--btn-default-border-color);
  50. padding: 0;
  51. transition-property: border;
  52. &:hover {
  53. border-bottom-color: var(--btn-default-hover-border-color);
  54. }
  55. }
  56. }