style-jetpack.scss 2.8 KB

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