style-jetpack.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. /* Reset font-family styles for Jetpack
  2. *
  3. * See: https://github.com/Automattic/jetpack/blob/master/modules/theme-tools/compat/twentynineteen.css
  4. *
  5. * Note: Use $font__heading or $font__body variables approriately
  6. */
  7. @import "sass/variables-site/variables-site";
  8. /* Infinite scroll */
  9. .site-main #infinite-handle span button {
  10. font-family: $font__body;
  11. background: $color__background-button;
  12. &:hover {
  13. background: $color__background-button-hover;
  14. cursor: pointer;
  15. }
  16. &:visited {
  17. color: $color__background-body;
  18. text-decoration: none;
  19. }
  20. &:focus {
  21. background: $color__background-button-hover;
  22. outline: thin dotted;
  23. outline-offset: -4px;
  24. }
  25. }
  26. /**
  27. * Responsive Videos
  28. */
  29. /**
  30. * Sharing
  31. */
  32. .entry div.sharedaddy h3.sd-title,
  33. .entry h3.sd-title {
  34. font-family: $font__heading;
  35. font-weight: $font__weight_semi_bold;
  36. letter-spacing: normal;
  37. }
  38. /**
  39. * Related Posts
  40. */
  41. .entry #jp-relatedposts h3.jp-relatedposts-headline {
  42. font-family: $font__heading;
  43. font-weight: $font__weight_semi_bold;
  44. em {
  45. font-weight: inherit;
  46. }
  47. }
  48. .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  49. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  50. font-family: $font__body;
  51. }
  52. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
  53. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
  54. font-family: $font__body;
  55. }
  56. /**
  57. * Stats
  58. */
  59. /**
  60. * Comments
  61. */
  62. /**
  63. * Widgets
  64. */
  65. /* Authors Widget */
  66. .widget_authors > ul > li > a {
  67. font-family: $font__body;
  68. }
  69. /* Display WordPress Posts */
  70. /* GoodReads */
  71. /* EU cookie law */
  72. .widget_eu_cookie_law_widget #eu-cookie-law {
  73. font-family: $font__body;
  74. }
  75. /* RSS Links */
  76. .widget_rss_links li {
  77. font-family: $font__body;
  78. }
  79. /**
  80. * Content Options
  81. */
  82. /**
  83. * Blocks
  84. */
  85. /* Mailchimp Block - Temp Fix */
  86. .wp-block-jetpack-mailchimp {
  87. input[type="email"] {
  88. width: 100%;
  89. }
  90. #wp-block-jetpack-mailchimp_consent-text {
  91. font-size: $font__size-xs;
  92. }
  93. }
  94. /* Business Hours - Temp Fix */
  95. .jetpack-business-hours {
  96. dt,
  97. dd {
  98. float: left;
  99. }
  100. dt {
  101. clear: both;
  102. margin-right: ( $size__spacing-unit * .5 );
  103. }
  104. dd {
  105. margin: 0;
  106. }
  107. }