style.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. /*
  2. Theme Name: Lettre
  3. Theme URI: http://wordpress.com/theme/lettre/
  4. Author: Automattic
  5. Author URI: https://automattic.com/
  6. Description: A theme for writers that want to publish a newsletter using Jetpack.
  7. Requires at least: 6.1
  8. Tested up to: 6.1
  9. Requires PHP: 5.6
  10. Version: 1.1.3
  11. License: GNU General Public License v2 or later
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. Text Domain: lettre
  14. Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, news
  15. Lettre WordPress Theme, (C) 2022 Automattic, Inc.
  16. Lettre is distributed under the terms of the GNU GPL.
  17. */
  18. /*
  19. * Font smoothing.
  20. * This is a niche setting that will not be available via Global Styles.
  21. * https://github.com/WordPress/gutenberg/issues/35934
  22. */
  23. body {
  24. -moz-osx-font-smoothing: grayscale;
  25. -webkit-font-smoothing: antialiased;
  26. }
  27. /*
  28. * Text and navigation link styles.
  29. * Necessary until the following issue is resolved in Gutenberg:
  30. * https://github.com/WordPress/gutenberg/issues/27075
  31. */
  32. a {
  33. text-decoration-thickness: 1px;
  34. text-underline-offset: 0.25ch;
  35. text-decoration-style: underline;
  36. }
  37. /*
  38. * Button opacity styles.
  39. * Necessary until the following issue is resolved in Gutenberg:
  40. * https://github.com/WordPress/gutenberg/issues/46755
  41. */
  42. .wp-block-search__button:hover,
  43. .wp-block-file .wp-block-file__button:hover,
  44. .wp-block-button__link:hover {
  45. opacity: 0.90;
  46. }
  47. /*
  48. * Custom theme styles.
  49. */
  50. .wp-block-site-title[style*="text-transform:uppercase"] {
  51. letter-spacing: 0.15em;
  52. }
  53. .wp-block-post-title,
  54. .wp-block-site-title {
  55. hyphens: auto;
  56. word-break: break-word;
  57. word-wrap: break-word;
  58. }
  59. /*
  60. * Comment form cleanup.
  61. */
  62. input {
  63. font-family: inherit;
  64. }
  65. textarea,
  66. input:not([type="submit"]):not([type="button"]) {
  67. color: var(--wp--preset--color--foreground);
  68. }
  69. textarea:focus,
  70. input:not([type="submit"]):not([type="button"]):focus {
  71. border-color: var(--wp--preset--color--secondary);
  72. }
  73. .comment-form label {
  74. font-size: var(--wp--preset--font-size--small);
  75. }
  76. .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
  77. margin-top: 0.2em;
  78. }
  79. .wp-block-post-comments h3#comments {
  80. margin-top: var(--wp--style--block-gap);
  81. }
  82. .wp-block-post-comments .navigation + .comment-respond {
  83. margin-top: calc(3 * var(--wp--style--block-gap));
  84. }
  85. /*
  86. * Drop cap refinements.
  87. */
  88. .has-drop-cap:not(:focus)::first-letter {
  89. font-size: 3.15em;
  90. font-weight: 300;
  91. margin: 0.2em 0.125em 0 0;
  92. }
  93. /*
  94. * Tag cloud refinements.
  95. */
  96. .wp-block-tag-cloud.is-style-outline a {
  97. border-radius: 50px;
  98. border-color: var(--wp--preset--color--primary);
  99. color: var(--wp--preset--color--primary);
  100. /* Core styles use !important here, so the theme needs to use it too. */
  101. font-size: var(--wp--preset--font-size--small) !important;
  102. }
  103. /*
  104. * Comment form refinements.
  105. */
  106. .comment-form .comment-subscription-form,
  107. .comment-form .post-subscription-form{
  108. margin: 0;
  109. }
  110. /*
  111. * Fixes an issue with Jetpack Subscribe block.
  112. * Necessary until Jetpack 11.7 is released:
  113. * https://github.com/Automattic/jetpack/milestone/295
  114. */
  115. .wp-block-jetpack-subscriptions__container .wp-element-button:not(.block-editor-rich-text__editable),
  116. .wp-block-jetpack-subscriptions__container .wp-block-button__link:not(.block-editor-rich-text__editable) {
  117. font-size: inherit;
  118. margin-top: 10px;
  119. padding: 24px 36px 24px 36px;
  120. width: 100%;
  121. }