ponyfill.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676
  1. /**
  2. * Base
  3. * - Reset the browser
  4. */
  5. body {
  6. margin: 0;
  7. padding: 0;
  8. }
  9. body {
  10. -webkit-font-smoothing: antialiased;
  11. -moz-osx-font-smoothing: grayscale;
  12. }
  13. img {
  14. height: auto;
  15. max-width: 100%;
  16. }
  17. * {
  18. box-sizing: border-box;
  19. }
  20. /**
  21. * Breakpoints & Media Queries
  22. */
  23. /**
  24. * Breakpoint mixins
  25. */
  26. /**
  27. * Long content fade mixin
  28. *
  29. * Creates a fading overlay to signify that the content is longer
  30. * than the space allows.
  31. */
  32. /**
  33. * Focus styles.
  34. */
  35. /**
  36. * Applies editor left position to the selector passed as argument
  37. */
  38. /**
  39. * Styles that are reused verbatim in a few places
  40. */
  41. /**
  42. * Allows users to opt-out of animations via OS-level preferences.
  43. */
  44. /**
  45. * Reset default styles for JavaScript UI based pages.
  46. * This is a WP-admin agnostic reset
  47. */
  48. /**
  49. * Reset the WP Admin page styles for Gutenberg-like pages.
  50. */
  51. /**
  52. * These are default block editor widths in case the theme doesn't provide them.
  53. */
  54. .is-root-container {
  55. padding-left: var(--wp--custom--post-content--padding--left);
  56. padding-right: var(--wp--custom--post-content--padding--right);
  57. }
  58. .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full],
  59. .wp-block-post-content > .alignfull {
  60. margin-left: calc(-1 * var(--wp--custom--post-content--padding--left)) !important;
  61. margin-right: calc(-1 * var(--wp--custom--post-content--padding--right)) !important;
  62. width: calc( 100% + var(--wp--custom--post-content--padding--left) + var(--wp--custom--post-content--padding--right)) !important;
  63. }
  64. .site-header,
  65. .post-header,
  66. .page-content,
  67. [data-align="full"] p,
  68. .alignfull p {
  69. padding-left: var(--wp--custom--post-content--padding--left);
  70. padding-right: var(--wp--custom--post-content--padding--right);
  71. }
  72. @media (min-width: 480px) {
  73. .wp-block[data-align="left"],
  74. .wp-block[data-align="right"],
  75. .wp-site-blocks .alignleft,
  76. .wp-site-blocks .alignright {
  77. max-width: var(--wp--custom--alignment--aligned-max-width);
  78. }
  79. }
  80. .wp-block-group:not(.site-header) {
  81. overflow: auto;
  82. }
  83. .aligncenter {
  84. text-align: center;
  85. }
  86. .site-header {
  87. align-items: center;
  88. flex-wrap: wrap;
  89. justify-content: space-between;
  90. display: flex;
  91. overflow: inherit;
  92. }
  93. .site-header .wp-block-site-title a {
  94. text-decoration: none;
  95. }
  96. ::selection {
  97. background-color: var(--wp--custom--color--selection);
  98. }
  99. ::-moz-selection {
  100. background-color: var(--wp--custom--color--selection);
  101. }
  102. p, h1, h2, h3, h4, h5, h6 {
  103. margin-top: var(--wp--custom--margin--vertical);
  104. margin-bottom: var(--wp--custom--margin--vertical);
  105. }
  106. .image-no-margin {
  107. margin: 0;
  108. }
  109. .image-no-margin > * {
  110. vertical-align: bottom;
  111. }
  112. .has-background-no-padding.wp-block-columns.has-background {
  113. padding: 0;
  114. }
  115. /**
  116. * Elements
  117. * - Styles for basic HTML elemants
  118. */
  119. a {
  120. cursor: pointer;
  121. text-underline-offset: 0.15em;
  122. text-decoration: none;
  123. }
  124. a:hover, a:focus {
  125. text-decoration-line: underline;
  126. }
  127. .block-editor-block-list__layout a,
  128. .wp-block-post-content a {
  129. text-decoration-line: underline;
  130. }
  131. .block-editor-block-list__layout a:hover, .block-editor-block-list__layout a:focus,
  132. .wp-block-post-content a:hover,
  133. .wp-block-post-content a:focus {
  134. text-decoration: none;
  135. }
  136. input[type="text"],
  137. input[type="email"],
  138. input[type="url"],
  139. input[type="password"],
  140. input[type="search"],
  141. input[type="number"],
  142. input[type="tel"],
  143. input[type="range"],
  144. input[type="date"],
  145. input[type="month"],
  146. input[type="week"],
  147. input[type="time"],
  148. input[type="datetime"],
  149. input[type="datetime-local"],
  150. input[type="color"],
  151. textarea {
  152. background: var(--wp--custom--form--color--background);
  153. border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  154. border-radius: var(--wp--custom--form--border--radius);
  155. box-shadow: var(--wp--custom--form--color--box-shadow);
  156. color: var(--wp--custom--form--color--text);
  157. font-family: var(--wp--custom--body--typography--font-family);
  158. padding: var(--wp--custom--form--padding);
  159. }
  160. input[type="text"]:focus,
  161. input[type="email"]:focus,
  162. input[type="url"]:focus,
  163. input[type="password"]:focus,
  164. input[type="search"]:focus,
  165. input[type="number"]:focus,
  166. input[type="tel"]:focus,
  167. input[type="range"]:focus,
  168. input[type="date"]:focus,
  169. input[type="month"]:focus,
  170. input[type="week"]:focus,
  171. input[type="time"]:focus,
  172. input[type="datetime"]:focus,
  173. input[type="datetime-local"]:focus,
  174. input[type="color"]:focus,
  175. textarea:focus {
  176. color: var(--wp--custom--form--color--text);
  177. border-color: var(--custom--form--color--border);
  178. }
  179. select {
  180. font-family: inherit;
  181. font-size: 100%;
  182. }
  183. textarea {
  184. width: 100%;
  185. }
  186. input[type=checkbox] + label {
  187. display: inline;
  188. margin-left: 0.5em;
  189. line-height: 1em;
  190. }
  191. /**
  192. * Button
  193. */
  194. /**
  195. * Block Options
  196. */
  197. .wp-block-button.wp-block-button__link,
  198. .wp-block-button .wp-block-button__link {
  199. border-width: 0;
  200. padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  201. padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  202. padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  203. padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
  204. font-weight: var(--wp--custom--button--typography--font-weight);
  205. font-family: var(--wp--custom--button--typography--font-family);
  206. font-size: var(--wp--custom--button--typography--font-size);
  207. line-height: var(--wp--custom--button--typography--line-height);
  208. text-decoration: none;
  209. opacity: 1;
  210. color: var(--wp--custom--button--color--text);
  211. background-color: var(--wp--custom--button--color--background);
  212. border-color: currentColor;
  213. border-radius: var(--wp--custom--button--border--radius);
  214. }
  215. .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
  216. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
  217. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
  218. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
  219. --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  220. --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  221. --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  222. opacity: 1;
  223. color: var(--wp--custom--button--color--text);
  224. background-color: var(--wp--custom--button--color--background);
  225. border-color: currentColor;
  226. border-color: var(--wp--custom--button--border--color);
  227. }
  228. .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
  229. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
  230. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
  231. .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg {
  232. fill: var(--wp--custom--button--color--text);
  233. }
  234. .wp-block-button.wp-block-button__link svg,
  235. .wp-block-button .wp-block-button__link svg {
  236. fill: var(--wp--custom--button--color--text);
  237. }
  238. .wp-block-button.is-style-outline.wp-block-button__link,
  239. .wp-block-button.is-style-outline .wp-block-button__link {
  240. --wp--custom--button--color--text: var(--wp--custom--button--border--color);
  241. --wp--custom--button--color--background: transparent;
  242. border-style: var(--wp--custom--button--border--style);
  243. border-width: var(--wp--custom--button--border--width);
  244. padding-top: var(--wp--custom--button--spacing--padding--top);
  245. padding-bottom: var(--wp--custom--button--spacing--padding--bottom);
  246. padding-left: var(--wp--custom--button--spacing--padding--left);
  247. padding-right: var(--wp--custom--button--spacing--padding--right);
  248. opacity: 1;
  249. color: var(--wp--custom--button--color--text);
  250. background-color: var(--wp--custom--button--color--background);
  251. border-color: currentColor;
  252. }
  253. .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
  254. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
  255. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,
  256. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus {
  257. --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  258. --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  259. --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  260. opacity: 1;
  261. color: var(--wp--custom--button--color--text);
  262. background-color: var(--wp--custom--button--color--background);
  263. border-color: currentColor;
  264. border-color: var(--wp--custom--button--border--color);
  265. }
  266. .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg,
  267. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg,
  268. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg,
  269. .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg {
  270. fill: var(--wp--custom--button--color--text);
  271. }
  272. .wp-block-button.is-style-outline.wp-block-button__link svg,
  273. .wp-block-button.is-style-outline .wp-block-button__link svg {
  274. fill: var(--wp--custom--button--color--text);
  275. }
  276. .wp-block-buttons .wp-block-button:last-child {
  277. margin-bottom: 0;
  278. }
  279. .wp-block-code code {
  280. font-family: var(--wp--custom--code--typography--font-family);
  281. }
  282. .wp-block-gallery .blocks-gallery-image figcaption,
  283. .wp-block-gallery .blocks-gallery-item figcaption {
  284. font-size: var(--wp--custom--gallery--caption--font-size);
  285. }
  286. .wp-block-image {
  287. /*
  288. From what I can tell the below are styles regularly used by themes
  289. to fix the image block. I believe these should go into the block's
  290. default styles. It's difficult to say how this will land, however
  291. based on discussion found in (many) related issues here:
  292. https://github.com/WordPress/gutenberg/issues/28923
  293. */
  294. text-align: center;
  295. }
  296. ul,
  297. ol {
  298. font-family: var(--wp--custom--list--typography--font-family);
  299. padding-left: var(--wp--custom--list--spacing--padding--left);
  300. }
  301. .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
  302. background-color: var(--wp--custom--color--background);
  303. color: var(--wp--custom--color--foreground);
  304. }
  305. .wp-block-navigation.is-responsive .wp-block-navigation-link__content {
  306. color: var(--wp--custom--color--foreground) !important;
  307. }
  308. .wp-block-navigation.is-responsive .has-child .wp-block-navigation-link__container {
  309. display: revert;
  310. }
  311. p.has-text-color a {
  312. color: var(--wp--style--color--link, var(--wp--custom--color--primary));
  313. }
  314. p.has-drop-cap:not(:focus):first-letter {
  315. font-size: var(--wp--custom--paragraph--dropcap--typography--font-size);
  316. font-family: var(--wp--custom--paragraph--dropcap--typography--font-family);
  317. font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight);
  318. margin: var(--wp--custom--paragraph--dropcap--margin);
  319. }
  320. .wp-block-post-author__name {
  321. font-weight: var(--wp--custom--post-author--font-weight);
  322. }
  323. .wp-block-post-comments .comment {
  324. font-size: var(--wp--custom--form--typography--font-size);
  325. }
  326. .wp-block-post-comments label, .wp-block-post-comments .comment-meta {
  327. font-size: var(--wp--custom--form--label--typography--font-size);
  328. }
  329. .wp-block-post-comments input[type="submit"], .wp-block-post-comments .reply a {
  330. border-width: 0;
  331. padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  332. padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  333. padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  334. padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
  335. font-weight: var(--wp--custom--button--typography--font-weight);
  336. font-family: var(--wp--custom--button--typography--font-family);
  337. font-size: var(--wp--custom--button--typography--font-size);
  338. line-height: var(--wp--custom--button--typography--line-height);
  339. text-decoration: none;
  340. opacity: 1;
  341. color: var(--wp--custom--button--color--text);
  342. background-color: var(--wp--custom--button--color--background);
  343. border-color: currentColor;
  344. border-radius: var(--wp--custom--button--border--radius);
  345. }
  346. .wp-block-post-comments input[type="submit"] svg, .wp-block-post-comments .reply a svg {
  347. fill: var(--wp--custom--button--color--text);
  348. }
  349. .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color):hover, .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color):focus, .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color).has-focus, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):hover, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):focus, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color).has-focus {
  350. --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  351. --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  352. --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  353. opacity: 1;
  354. color: var(--wp--custom--button--color--text);
  355. background-color: var(--wp--custom--button--color--background);
  356. border-color: currentColor;
  357. border-color: var(--wp--custom--button--border--color);
  358. }
  359. .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color):hover svg, .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color):focus svg, .wp-block-post-comments input[type="submit"]:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):hover svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):focus svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color).has-focus svg {
  360. fill: var(--wp--custom--button--color--text);
  361. }
  362. .wp-block-post-comments .reply a {
  363. display: inline-block;
  364. }
  365. .wp-block-pullquote.is-style-solid-color,
  366. .wp-block-pullquote {
  367. text-align: var(--wp--custom--pullquote--typography--text-align);
  368. }
  369. .wp-block-pullquote.is-style-solid-color blockquote,
  370. .wp-block-pullquote blockquote {
  371. padding: 0;
  372. margin: 0;
  373. }
  374. .wp-block-pullquote.is-style-solid-color blockquote p,
  375. .wp-block-pullquote blockquote p {
  376. font-size: 1em;
  377. padding: 0;
  378. margin: 0;
  379. line-height: inherit;
  380. }
  381. .wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation,
  382. .wp-block-pullquote.is-style-solid-color blockquote cite,
  383. .wp-block-pullquote blockquote .wp-block-pullquote__citation,
  384. .wp-block-pullquote blockquote cite {
  385. display: block;
  386. font-size: var(--wp--custom--pullquote--citation--typography--font-size);
  387. font-family: var(--wp--custom--pullquote--citation--typography--font-family);
  388. font-style: var(--wp--custom--pullquote--citation--typography--font-style);
  389. font-weight: var(--wp--custom--pullquote--citation--typography--font-weight);
  390. margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top);
  391. }
  392. .wp-block-pullquote.is-style-solid-color.is-style-solid-color,
  393. .wp-block-pullquote.is-style-solid-color {
  394. background-color: var(--wp--custom--color--foreground);
  395. color: var(--wp--custom--color--background);
  396. }
  397. .wp-block-query-pagination {
  398. padding-top: 1.5em;
  399. justify-content: space-between;
  400. display: grid;
  401. grid-template-areas: "prev numbers next";
  402. grid-template-columns: 1fr 2fr 1fr;
  403. }
  404. @media (max-width: 479px) {
  405. .wp-block-query-pagination {
  406. grid-template-areas: "prev next";
  407. grid-template-columns: 1fr 1fr;
  408. }
  409. }
  410. .wp-block-query-pagination .wp-block-query-pagination-previous {
  411. justify-self: start;
  412. grid-area: prev;
  413. }
  414. .wp-block-query-pagination .wp-block-query-pagination-next {
  415. justify-self: end;
  416. grid-area: next;
  417. }
  418. .wp-block-query-pagination .wp-block-query-pagination-numbers {
  419. grid-area: numbers;
  420. justify-self: center;
  421. }
  422. .wp-block-query-pagination .wp-block-query-pagination-numbers .current {
  423. text-decoration: underline;
  424. }
  425. @media (max-width: 479px) {
  426. .wp-block-query-pagination .wp-block-query-pagination-numbers {
  427. display: none;
  428. }
  429. }
  430. .wp-block-quote.is-style-large p,
  431. .wp-block-quote p {
  432. font-style: unset;
  433. margin-top: 0px;
  434. }
  435. .wp-block-quote.is-style-large .wp-block-quote__citation,
  436. .wp-block-quote.is-style-large cite,
  437. .wp-block-quote .wp-block-quote__citation,
  438. .wp-block-quote cite {
  439. font-size: var(--wp--custom--quote--citation--typography--font-size);
  440. font-style: var(--wp--custom--quote--citation--typography--font-style);
  441. }
  442. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  443. padding: var(--wp--custom--form--padding);
  444. border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  445. border-radius: var(--wp--custom--form--border--radius);
  446. }
  447. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  448. padding: 0;
  449. }
  450. .wp-block-search .wp-block-search__input {
  451. padding: var(--wp--custom--form--padding);
  452. border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color);
  453. }
  454. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button,
  455. .wp-block-search .wp-block-search__button {
  456. border-width: 0;
  457. padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  458. padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  459. padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  460. padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
  461. font-weight: var(--wp--custom--button--typography--font-weight);
  462. font-family: var(--wp--custom--button--typography--font-family);
  463. font-size: var(--wp--custom--button--typography--font-size);
  464. line-height: var(--wp--custom--button--typography--line-height);
  465. text-decoration: none;
  466. opacity: 1;
  467. color: var(--wp--custom--button--color--text);
  468. background-color: var(--wp--custom--button--color--background);
  469. border-color: currentColor;
  470. border-radius: var(--wp--custom--button--border--radius);
  471. }
  472. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg,
  473. .wp-block-search .wp-block-search__button svg {
  474. fill: var(--wp--custom--button--color--text);
  475. }
  476. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus,
  477. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover,
  478. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus,
  479. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus {
  480. --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  481. --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  482. --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  483. opacity: 1;
  484. color: var(--wp--custom--button--color--text);
  485. background-color: var(--wp--custom--button--color--background);
  486. border-color: currentColor;
  487. border-color: var(--wp--custom--button--border--color);
  488. }
  489. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg,
  490. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg,
  491. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg,
  492. .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg {
  493. fill: var(--wp--custom--button--color--text);
  494. }
  495. .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon,
  496. .wp-block-search .wp-block-search__button.has-icon {
  497. line-height: 0;
  498. }
  499. .wp-block-separator {
  500. margin: var(--wp--custom--separator--margin);
  501. opacity: var(--wp--custom--separator--opacity);
  502. }
  503. .wp-block-separator:not(.is-style-wide) {
  504. width: var(--wp--custom--separator--width);
  505. }
  506. .wp-block-file .wp-block-file__button {
  507. border-width: 0;
  508. padding-top: calc( var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  509. padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  510. padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  511. padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
  512. font-weight: var(--wp--custom--button--typography--font-weight);
  513. font-family: var(--wp--custom--button--typography--font-family);
  514. font-size: var(--wp--custom--button--typography--font-size);
  515. line-height: var(--wp--custom--button--typography--line-height);
  516. text-decoration: none;
  517. opacity: 1;
  518. color: var(--wp--custom--button--color--text);
  519. background-color: var(--wp--custom--button--color--background);
  520. border-color: currentColor;
  521. border-radius: var(--wp--custom--button--border--radius);
  522. display: inline-block;
  523. }
  524. .wp-block-file .wp-block-file__button svg {
  525. fill: var(--wp--custom--button--color--text);
  526. }
  527. .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus {
  528. --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text);
  529. --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background);
  530. --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color);
  531. opacity: 1;
  532. color: var(--wp--custom--button--color--text);
  533. background-color: var(--wp--custom--button--color--background);
  534. border-color: currentColor;
  535. border-color: var(--wp--custom--button--border--color);
  536. }
  537. .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus svg {
  538. fill: var(--wp--custom--button--color--text);
  539. }
  540. .wp-block-table figcaption {
  541. font-size: var(--wp--custom--table--figcaption--typography--font-size);
  542. text-align: center;
  543. }
  544. .wp-block-table td, .wp-block-table th {
  545. border: 1px solid;
  546. padding: calc(0.5*var(--wp--custom--margin--vertical)) calc(0.5*var(--wp--custom--margin--horizontal));
  547. }
  548. .wp-block-video figcaption {
  549. margin: var(--wp--custom--video--caption--margin);
  550. text-align: var(--wp--custom--video--caption--text-align);
  551. }
  552. .wp-block-columns {
  553. margin-bottom: unset;
  554. }
  555. .post-meta {
  556. display: flex;
  557. }
  558. .post-meta .wp-block-post-author,
  559. .post-meta .wp-block-post-date,
  560. .post-meta .wp-block-post-tags,
  561. .post-meta .wp-block-post-hierarchical-terms {
  562. display: flex;
  563. margin-right: calc(2 * var(--wp--custom--margin--baseline));
  564. }
  565. .post-meta .wp-block-post-author:before,
  566. .post-meta .wp-block-post-date:before,
  567. .post-meta .wp-block-post-tags:before,
  568. .post-meta .wp-block-post-hierarchical-terms:before {
  569. align-self: center;
  570. content: '';
  571. display: inline-block;
  572. margin-right: calc(0.5 * var(--wp--custom--margin--baseline));
  573. height: 16px;
  574. width: 16px;
  575. }
  576. .post-meta .wp-block-post-author:before {
  577. background: url(svg/post-author.svg) no-repeat;
  578. }
  579. .post-meta .wp-block-post-date:before {
  580. background: url(svg/post-date.svg) no-repeat;
  581. }
  582. .post-meta .wp-block-post-hierarchical-terms:before {
  583. background: url(svg/post-category.svg) no-repeat;
  584. }
  585. /*# sourceMappingURL=ponyfill.css.map */