style.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. /*
  2. Theme Name: Assembler
  3. Theme URI: https://wordpress.com/theme/assembler
  4. Author: Automattic
  5. Author URI: https://automattic.com/
  6. Description: Assemble something beautiful.
  7. Requires at least: 6.4
  8. Tested up to: 6.4
  9. Requires PHP: 7.0
  10. Version: 0.0.19
  11. License: GNU General Public License v2 or later
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. Text Domain: assembler
  14. Tags: blog, one-column, three-columns, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, style-variations, template-editing, theme-options, threaded-comments, translation-ready
  15. */
  16. /* Progresive enhancement to reduce widows and orphans. */
  17. h1,
  18. h2,
  19. h3,
  20. h4,
  21. h5,
  22. h6,
  23. blockquote {
  24. text-wrap: balance;
  25. }
  26. /* Remove auto-applied padding on headings when color is applied. */
  27. h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
  28. padding: 0;
  29. }
  30. p {
  31. text-wrap: pretty;
  32. }
  33. /* Set default line height for font size presets. */
  34. .has-xx-large-font-size {
  35. line-height: 1;
  36. }
  37. /* Add space between the header and first element, if its a paragraph. */
  38. .entry-content > p:first-child {
  39. margin-top: var(--wp--style--root--padding-left);
  40. }
  41. /* Fields */
  42. label,
  43. .jetpack-field-label .rich-text.jetpack-field-label__input,
  44. .wp-block-jetpack-contact-form-container .wp-block-jetpack-contact-form label {
  45. display: inline-block;
  46. font-size: var(--wp--preset--font-size--small);
  47. margin-bottom: 0.25em;
  48. font-weight: inherit;
  49. }
  50. textarea,
  51. input:not([type=submit]):not([type=checkbox]),
  52. .wp-block-post-comments-form textarea,
  53. .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
  54. .jetpack-contact-form .jetpack-field .jetpack-field__input,
  55. .jetpack-contact-form .jetpack-field .jetpack-field__textarea {
  56. backdrop-filter: saturate(1.075);
  57. background-color: transparent;
  58. border-color: currentColor;
  59. border-style: solid;
  60. border-radius: 6px;
  61. border-width: 1px;
  62. box-shadow: none;
  63. box-sizing: border-box;
  64. color: currentColor;
  65. filter: brightness(1.05);
  66. font-size: var(--wp--preset--font-size--small);
  67. font-weight: inherit;
  68. line-height: 1.5;
  69. min-height: 42px;
  70. padding: 0.8rem 1rem;
  71. width: 100%;
  72. }
  73. textarea:focus,
  74. input:not([type=submit]):focus,
  75. .wp-block-post-comments-form textarea:focus,
  76. .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]):focus {
  77. outline: 1px solid currentColor;
  78. }
  79. /* Jetpack Forms: Clean up errors */
  80. .contact-form__error {
  81. font-size: 13px;
  82. }
  83. .contact-form__input-error {
  84. font-size: 13px;
  85. gap: 8px;
  86. }
  87. .contact-form__input-error .contact-form__warning-icon {
  88. border-width: 0;
  89. }
  90. /* Jetpack Forms: Animated block style tweaks */
  91. .contact-form .is-style-animated .grunion-field-wrap.grunion-field-select-wrap .animated-label__label label,
  92. .contact-form .is-style-animated .grunion-field-wrap .grunion-field.has-placeholder ~ .animated-label__label label,
  93. .contact-form .is-style-animated .grunion-field-wrap .grunion-field:focus ~ .animated-label__label label,
  94. .contact-form .is-style-animated .grunion-field-wrap .grunion-field:not(:placeholder-shown) ~ .animated-label__label label {
  95. opacity: 0.7;
  96. font-size: 11px;
  97. }
  98. /* Make sure footers have no margin. */
  99. footer {
  100. margin-top: 0 !important;
  101. }
  102. /* Social Links: Better default color. */
  103. .wp-block-social-links.is-style-logos-only li.wp-social-link {
  104. color: currentcolor;
  105. }
  106. .wp-block-social-links.is-style-logos-only .wp-social-link svg {
  107. height: 1em;
  108. width: 1em;
  109. }
  110. .wp-block-social-links.has-small-icon-size {
  111. font-size: 20px;
  112. }
  113. /* Move header core/navigation to the right on mobile. */
  114. .order-0 {
  115. order: 0;
  116. }
  117. .order-1 {
  118. order: 1;
  119. }
  120. .grow-0 {
  121. flex-grow: 0;
  122. }
  123. .grow {
  124. flex-grow: 1;
  125. }
  126. @media (min-width: 600px) {
  127. .md\:order-0 {
  128. order: 0;
  129. }
  130. .md\:order-1 {
  131. order: 1;
  132. }
  133. .md\:grow-0 {
  134. flex-grow: 0;
  135. }
  136. .md\:grow {
  137. flex-grow: 1;
  138. }
  139. }
  140. .overflow-hidden {
  141. overflow: hidden;
  142. }