style-jetpack.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  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. .site-main #infinite-handle span button:hover,
  11. .site-main #infinite-handle span button:focus {
  12. font-family: $font__body;
  13. background: $color__background-button;
  14. }
  15. /**
  16. * Responsive Videos
  17. */
  18. /**
  19. * Sharing
  20. */
  21. .entry div.sharedaddy h3.sd-title,
  22. .entry h3.sd-title {
  23. font-family: $font__heading;
  24. }
  25. /**
  26. * Related Posts
  27. */
  28. .entry #jp-relatedposts h3.jp-relatedposts-headline {
  29. font-family: $font__heading;
  30. }
  31. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title {
  32. text-align: left;
  33. a {
  34. font-weight: 700;
  35. }
  36. }
  37. .entry #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  38. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  39. font-family: $font__body;
  40. }
  41. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
  42. .entry #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
  43. font-family: $font__body;
  44. }
  45. /**
  46. * Stats
  47. */
  48. /**
  49. * Comments
  50. */
  51. /**
  52. * Widgets
  53. */
  54. /* Authors Widget */
  55. .widget_authors > ul > li > a {
  56. font-family: $font__body;
  57. }
  58. /* Display WordPress Posts */
  59. /* GoodReads */
  60. /* EU cookie law */
  61. .widget_eu_cookie_law_widget #eu-cookie-law {
  62. font-family: $font__body;
  63. }
  64. /* RSS Links */
  65. .widget_rss_links li {
  66. font-family: $font__body;
  67. }
  68. /**
  69. * Content Options
  70. */
  71. /**
  72. * Blocks
  73. */
  74. /**
  75. * Contact Form
  76. */
  77. .entry-content .contact-form label span {
  78. color: $color__text-dark;
  79. }
  80. /* Mailchimp Block - Temp Fix */
  81. .wp-block-jetpack-mailchimp {
  82. input[type="email"] {
  83. width: 100%;
  84. }
  85. #wp-block-jetpack-mailchimp_consent-text {
  86. font-size: $font__size-xs;
  87. }
  88. }
  89. /* Business Hours - Temp Fix */
  90. .jetpack-business-hours {
  91. dt,
  92. dd {
  93. float: left;
  94. }
  95. dt {
  96. clear: both;
  97. margin-right: ( $size__spacing-unit * .5 );
  98. }
  99. dd {
  100. margin: 0;
  101. }
  102. }