_meta.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .entry-meta,
  2. .entry-footer {
  3. color: var(--entry-meta--color);
  4. clear: both;
  5. float: none;
  6. font-size: var(--entry-meta--font-size);
  7. display: block;
  8. > span {
  9. display: inline-block;
  10. margin-right: var(--global--spacing-unit);
  11. & > *,
  12. span .fn {
  13. display: inline-block;
  14. vertical-align: middle;
  15. }
  16. &:last-child {
  17. margin-right: 0;
  18. }
  19. .published + .updated {
  20. display: none; // Hide updated date?
  21. }
  22. }
  23. a {
  24. border-color: transparent;
  25. color: var(--entry-meta--color-link);
  26. &:hover,
  27. &:focus {
  28. color: var(--entry-meta--color-hover);
  29. }
  30. &:hover {
  31. border-color: var(--global--color-secondary);
  32. }
  33. &:focus {
  34. color: var(--global--color-secondary);
  35. }
  36. &:active {
  37. color: var(--entry-meta--color-link);
  38. }
  39. }
  40. .svg-icon {
  41. fill: currentColor;
  42. position: relative;
  43. display: inline-block;
  44. vertical-align: middle;
  45. margin-right: calc(0.25 * var(--global--spacing-unit));
  46. }
  47. }
  48. // Extra specificity to override rules in _vertical-margins.scss
  49. .site-main > article > .entry-footer {
  50. margin-top: calc( var(--global--spacing-vertical) * 3 );
  51. padding-top: var(--global--spacing-unit);
  52. border-top: var(--separator--height) solid var(--separator--border-color);
  53. // Remove the border if the homepage's main footer is also hidden.
  54. .home.page.hide-homepage-footer & {
  55. border-width: 0;
  56. }
  57. }