style-jetpack.scss 2.5 KB

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