style-jetpack.scss 1.9 KB

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