style.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. /*
  2. Theme Name: Stewart
  3. Theme URI: https://wordpress.com/theme/stewart
  4. Author: Automattic
  5. Author URI: https://automattic.com/
  6. Description: Stewart is a modern blogging theme with a left sidebar. Its default color scheme is a striking combination of orange and light gray, to give your blog a sophisticated appearance from day one.
  7. Requires at least: 6.1
  8. Tested up to: 6.1
  9. Requires PHP: 5.7
  10. Version: 1.17
  11. License: GNU General Public License v2 or later
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. Text Domain: stewart
  14. Tags: two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
  15. Stewart WordPress Theme, (C) 2022 Automattic, Inc.
  16. Stewart is distributed under the terms of the GNU GPL.
  17. This program is free software: you can redistribute it and/or modify
  18. it under the terms of the GNU General Public License as published by
  19. the Free Software Foundation, either version 2 of the License, or
  20. (at your option) any later version.
  21. This program is distributed in the hope that it will be useful,
  22. but WITHOUT ANY WARRANTY; without even the implied warranty of
  23. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  24. GNU General Public License for more details.
  25. This theme uses the following third-party resource in its theme screenshot:
  26. "Swedish Windows / Fönster no. 1" by Fons Heijnsbroek
  27. https://www.flickr.com/photos/abstract-art-fons/28822761186/
  28. */
  29. /*
  30. * Font smoothing.
  31. * This is a niche setting that will not be available via Global Styles.
  32. * https://github.com/WordPress/gutenberg/issues/35934
  33. */
  34. body {
  35. -moz-osx-font-smoothing: grayscale;
  36. -webkit-font-smoothing: antialiased;
  37. }
  38. /*
  39. * Link Details
  40. */
  41. a {
  42. text-decoration-thickness: 0.075ex;
  43. text-underline-offset: 0.125em;
  44. }
  45. .wp-block-site-title a {
  46. text-decoration: none;
  47. }
  48. .wp-block-navigation .wp-block-post-title a {
  49. text-decoration: underline;
  50. }
  51. .wp-block-navigation .wp-block-post-title a:hover {
  52. text-decoration: none;
  53. }
  54. /*
  55. * Button hover styles.
  56. * Necessary until the following issue is resolved in Gutenberg:
  57. * https://github.com/WordPress/gutenberg/issues/27075
  58. */
  59. .wp-block-search__button:hover,
  60. .wp-block-file .wp-block-file__button:hover,
  61. .wp-block-button__link:hover {
  62. opacity: 0.90;
  63. }
  64. /*
  65. * Search and File Block button styles.
  66. * Necessary until the following issues are resolved in Gutenberg:
  67. * https://github.com/WordPress/gutenberg/issues/36444
  68. * https://github.com/WordPress/gutenberg/issues/27760
  69. */
  70. .wp-block-search__button,
  71. .wp-block-file .wp-block-file__button {
  72. background-color: var(--wp--preset--color--primary);
  73. border-radius: 0;
  74. border: none;
  75. color: var(--wp--preset--color--background);
  76. font-size: var(--wp--preset--typography--font-size--normal);
  77. padding: calc(.667em + 2px) calc(1.333em + 2px);
  78. }
  79. /*
  80. * Comment Form Fields
  81. */
  82. .wp-block-post-comments input:not([type=submit]),
  83. .wp-block-post-comments textarea {
  84. background-color: var(--wp--preset--color--background);
  85. border-color: var(--wp--preset--color--foreground);
  86. }
  87. /*
  88. * Alignment styles, borrowed from Twenty Twenty-Two.
  89. * These rules are temporary, and should not be relied on or
  90. * modified too heavily by themes or plugins that build on
  91. * Twenty Twenty-Two. These are meant to be a precursor to
  92. * a global solution provided by the Block Editor.
  93. *
  94. * Relevant issues:
  95. * https://github.com/WordPress/gutenberg/issues/35607
  96. * https://github.com/WordPress/gutenberg/issues/35884
  97. */
  98. .wp-site-blocks,
  99. body > .is-root-container,
  100. .edit-post-visual-editor__post-title-wrapper,
  101. .wp-block-group.alignfull,
  102. .wp-block-group.has-background,
  103. .wp-block-columns.alignfull.has-background,
  104. .wp-block-cover.alignfull,
  105. .is-root-container .wp-block[data-align='full'] > .wp-block-group,
  106. .is-root-container .wp-block[data-align='full'] > .wp-block-columns.has-background,
  107. .is-root-container .wp-block[data-align='full'] > .wp-block-cover {
  108. padding-left: var(--wp--custom--spacing--outer);
  109. padding-right: var(--wp--custom--spacing--outer);
  110. }
  111. .wp-site-blocks .alignfull,
  112. .wp-site-blocks > .wp-block-group.has-background,
  113. .wp-site-blocks > .wp-block-cover,
  114. .wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
  115. .wp-site-blocks > .wp-block-template-part > .wp-block-cover,
  116. body > .is-root-container > .wp-block-cover,
  117. body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
  118. body > .is-root-container > .wp-block-template-part > .wp-block-cover,
  119. .is-root-container .wp-block[data-align="full"] {
  120. margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  121. margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  122. max-width: unset;
  123. width: unset;
  124. }
  125. /* Blocks inside columns don't have negative margins. */
  126. .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
  127. .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
  128. /* We also want to avoid stacking negative margins. */
  129. .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
  130. .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
  131. margin-left: auto !important;
  132. margin-right: auto !important;
  133. width: inherit;
  134. }