post.styl 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .post-body {
  2. font-family: $font-family-posts;
  3. word-wrap();
  4. +desktop-large() {
  5. font-size: $font-size-large;
  6. }
  7. .exturl .fa {
  8. font-size: $font-size-small;
  9. margin-left: 4px;
  10. }
  11. .image-caption, .figure .caption {
  12. color: $grey-dark;
  13. font-size: $font-size-small;
  14. font-weight: bold;
  15. line-height: 1;
  16. margin: -20px auto 15px;
  17. text-align: center;
  18. }
  19. }
  20. .post-sticky-flag {
  21. display: inline-block;
  22. transform: rotate(30deg);
  23. }
  24. .post-button {
  25. margin-top: 40px;
  26. text-align: center;
  27. }
  28. .use-motion {
  29. if (hexo-config('motion.transition.post_block')) {
  30. .post-block, .pagination, .comments {
  31. opacity: 0;
  32. }
  33. }
  34. if (hexo-config('motion.transition.post_header')) {
  35. .post-header {
  36. opacity: 0;
  37. }
  38. }
  39. if (hexo-config('motion.transition.post_body')) {
  40. .post-body {
  41. opacity: 0;
  42. }
  43. }
  44. if (hexo-config('motion.transition.coll_header')) {
  45. .collection-header {
  46. opacity: 0;
  47. }
  48. }
  49. }
  50. @import 'post-collapse';
  51. @import 'post-eof';
  52. @import 'post-expand';
  53. @import 'post-gallery';
  54. @import 'post-header';
  55. @import 'post-nav';
  56. @import 'post-rtl';
  57. @import 'post-tags';
  58. @import 'post-widgets';
  59. @import 'post-reward';
  60. @import 'post-copyright' if (hexo-config('creative_commons.post'));
  61. @import 'post-followme' if (hexo-config('follow_me'));