_entry-header.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .entry-header {
  2. }
  3. .entry-title {
  4. font-size: #{map-deep-get($config-heading, "font", "size", "h2")};
  5. letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h2")};
  6. line-height: #{map-deep-get($config-heading, "font", "line-height", "h2")};
  7. a {
  8. }
  9. }
  10. .entry-meta,
  11. .entry-footer {
  12. color: #{map-deep-get($config-global, "color", "foreground", "light")};
  13. clear: both;
  14. float: none;
  15. font-size: #{map-deep-get($config-global, "font", "size", "sm")};
  16. display: block;
  17. > span {
  18. display: inline-block;
  19. margin-right: #{map-deep-get($config-global, "spacing", "unit")};
  20. & > * {
  21. display: inline-block;
  22. vertical-align: middle;
  23. }
  24. &:last-child {
  25. margin-right: 0;
  26. }
  27. .published + .updated {
  28. display: none; // Hide updated date?
  29. }
  30. }
  31. a {
  32. color: currentColor;
  33. &:hover,
  34. &:active {
  35. color: #{map-deep-get($config-global, "color", "primary", "hover")};
  36. }
  37. }
  38. .svg-icon {
  39. fill: currentColor;
  40. position: relative;
  41. display: inline-block;
  42. vertical-align: middle;
  43. margin-right: calc(0.25 * #{map-deep-get($config-global, "spacing", "unit")});
  44. }
  45. }
  46. .entry-meta {
  47. }
  48. .entry-footer {
  49. }