Mint: A Fresh Look at your Site Minted
  1. 1 /*
  2. 2 Theme Name: Catch Fullscreen
  3. 3 Description: Used to style Gutenberg Blocks.
  4. 4 */
  5. 5
  6. 6 /*--------------------------------------------------------------
  7. 7 >>> TABLE OF CONTENTS:
  8. 8 ----------------------------------------------------------------
  9. 9 1.0 Blocks - General Styles
  10. 10 2.0 Blocks - Common Blocks
  11. 11 3.0 Blocks - Formatting
  12. 12 4.0 Blocks - Layout Elements
  13. 13 5.0 Blocks - Widgets
  14. 14 6.0 Blocks - Colors
  15. 15 --------------------------------------------------------------*/
  16. 16
  17. 17 /*--------------------------------------------------------------
  18. 18 1.0 Blocks - General Styles
  19. 19 --------------------------------------------------------------*/
  20. 20
  21. 21 .wp-block-table table {
  22. 22 margin-bottom: 7px;
  23. 23 }
  24. 24
  25. 25 .wp-block-table.is-style-stripes,
  26. 26 .wp-block-table.is-style-stripes table {
  27. 27 border-color: transparent;
  28. 28 }
  29. 29
  30. 30 .wp-block-latest-posts.wp-block-latest-posts__list {
  31. 31 margin-left: 0;
  32. 32 }
  33. 33
  34. 34 .wp-block-latest-posts.wp-block-latest-posts__list li {
  35. 35 margin-bottom: 16px;
  36. 36 }
  37. 37
  38. 38 .no-sidebar .alignfull {
  39. 39 margin-left : calc( -100vw / 2 + 100% / 2 );
  40. 40 margin-right : calc( -100vw / 2 + 100% / 2 );
  41. 41 max-width : 100vw;
  42. 42 }
  43. 43
  44. 44 .no-sidebar .alignwide {
  45. 45 margin-left : calc( -96vw / 2 + 100% / 2 );
  46. 46 margin-right : calc( -96vw / 2 + 100% / 2 );
  47. 47 max-width: 96vw;
  48. 48 }
  49. 49
  50. 50 .alignfull.wp-block-cover,
  51. 51 .alignwide.wp-block-cover {
  52. 52 width: auto;
  53. 53 }
  54. 54
  55. 55
  56. 56 /* 1024px */
  57. 57 @media screen and (max-width: 1023px) and (min-width: 667px) {
  58. 58 .alignfull {
  59. 59 margin-left : calc( -96vw / 2 + 100% / 2 );
  60. 60 margin-right : calc( -96vw / 2 + 100% / 2 );
  61. 61 max-width: 96vw;
  62. 62 }
  63. 63 .fluid-layout .alignfull {
  64. 64 margin-left : calc( -100vw / 2 + 100% / 2 );
  65. 65 margin-right : calc( -100vw / 2 + 100% / 2 );
  66. 66 max-width : 100vw;
  67. 67 }
  68. 68 }
  69. 69
  70. 70 /* 667px */
  71. 71 @media screen and (min-width: 41.6875em) {
  72. 72 .no-sidebar .alignfull {
  73. 73 margin-left : calc( -96vw / 2 + 100% / 2 );
  74. 74 margin-right : calc( -96vw / 2 + 100% / 2 );
  75. 75 max-width: 96vw;
  76. 76 }
  77. 77 .no-sidebar.fluid-layout .alignfull {
  78. 78 margin-left : calc( -100vw / 2 + 100% / 2 );
  79. 79 margin-right : calc( -100vw / 2 + 100% / 2 );
  80. 80 max-width : 100vw;
  81. 81 }
  82. 82 }
  83. 83
  84. 84 /* 1366px */
  85. 85 @media screen and (min-width: 85.375em) {
  86. 86 .no-sidebar .alignwide {
  87. 87 margin-left: -120px;
  88. 88 margin-right: -120px;
  89. 89 max-width: 1230px;
  90. 90 }
  91. 91
  92. 92 .no-sidebar.full-width-layout .alignwide {
  93. 93 max-width: 1750px;
  94. 94 }
  95. 95 }
  96. 96
  97. 97 /*--------------------------------------------------------------
  98. 98 2.0 Blocks - Common Blocks
  99. 99 --------------------------------------------------------------*/
  100. 100
  101. 101 .wp-block-table thead {
  102. 102 border-bottom-color: #ececec;
  103. 103 }
  104. 104
  105. 105 .wp-block-table tfoot {
  106. 106 border-top-color: #ececec;
  107. 107 }
  108. 108
  109. 109 p.has-drop-cap:not(:focus)::first-letter {
  110. 110 float: left;
  111. 111 font-size: 102px;
  112. 112 font-size: 6.375rem;
  113. 113 line-height: 0.6;
  114. 114 margin: 10px 14px -3px -3px;
  115. 115 }
  116. 116
  117. 117 /* Image */
  118. 118
  119. 119 .wp-block-image {
  120. 120 margin-bottom: 1.555555555555556em;
  121. 121 }
  122. 122
  123. 123 .wp-block-image figure {
  124. 124 margin-bottom: 0;
  125. 125 margin-top: 0;
  126. 126 }
  127. 127
  128. 128 .wp-block-image figure.alignleft {
  129. 129 margin-right: 1.75em;
  130. 130 }
  131. 131
  132. 132 .wp-block-image figure.alignright {
  133. 133 margin-left: 1.75em;
  134. 134 }
  135. 135
  136. 136 /* Gallery */
  137. 137
  138. 138 .wp-block-gallery {
  139. 139 margin-bottom: 1.555555555555556em;
  140. 140 margin-left: 0;
  141. 141 }
  142. 142
  143. 143 .wp-block-gallery figcaption {
  144. 144 font-style: italic;
  145. 145 }
  146. 146
  147. 147 .wp-block-gallery.aligncenter {
  148. 148 display: flex;
  149. 149 margin: 0 -8px;
  150. 150 }
  151. 151
  152. 152
  153. 153 body blockquote.wp-block-quote,
  154. 154 body blockquote.wp-block-quote.is-large,
  155. 155 body blockquote.wp-block-quote.is-style-large,
  156. 156 body blockquote.wp-block-quote.has-text-align-right,
  157. 157 body blockquote.wp-block-quote.has-text-align-center,
  158. 158 body blockquote.wp-block-quote.has-text-align-right {
  159. 159 border: 0;
  160. 160 padding-top: 100px;
  161. 161 }
  162. 162
  163. 163 body blockquote.wp-block-quote.has-text-align-left {
  164. 164 text-align: left;
  165. 165 left: unset;
  166. 166 transform: none;
  167. 167 }
  168. 168
  169. 169 body blockquote.wp-block-quote.has-text-align-left:before {
  170. 170 left: unset;
  171. 171 transform: none;
  172. 172 }
  173. 173
  174. 174 body blockquote.wp-block-quote.has-text-align-center,
  175. 175 body blockquote.wp-block-quote {
  176. 176 text-align: center;
  177. 177 }
  178. 178
  179. 179
  180. 180 body blockquote.wp-block-quote.has-text-align-right {
  181. 181 text-align: right;
  182. 182 }
  183. 183
  184. 184 body blockquote.wp-block-quote.has-text-align-center:before,
  185. 185 body blockquote.wp-block-quote:before {
  186. 186 left: 50%;
  187. 187 transform: translateX(-50%);
  188. 188 }
  189. 189
  190. 190 body blockquote.wp-block-quote.has-text-align-right:before {
  191. 191 right: 120px;
  192. 192 left: unset;
  193. 193 transform: none;
  194. 194 }
  195. 195
  196. 196 body blockquote.wp-block-quote.has-text-align-left cite,
  197. 197 body blockquote.wp-block-quote.has-text-align-left.is-large cite,
  198. 198 body blockquote.wp-block-quote.has-text-align-left.is-large footer,
  199. 199 body blockquote.wp-block-quote.has-text-align-left.is-style-large cite,
  200. 200 body blockquote.wp-block-quote.has-text-align-left.is-style-large footer {
  201. 201 text-align: left;
  202. 202 }
  203. 203
  204. 204 body blockquote.wp-block-quote.has-text-align-center cite,
  205. 205 body blockquote.wp-block-quote.has-text-align-center.is-large cite,
  206. 206 body blockquote.wp-block-quote.has-text-align-center.is-large footer,
  207. 207 body blockquote.wp-block-quote.has-text-align-center.is-style-large cite,
  208. 208 body blockquote.wp-block-quote.has-text-align-center.is-style-large footer {
  209. 209 text-align: center;
  210. 210 }
  211. 211
  212. 212 body blockquote.wp-block-quote.has-text-align-right cite,
  213. 213 body blockquote.wp-block-quote.has-text-align-right.is-large cite,
  214. 214 body blockquote.wp-block-quote.has-text-align-right.is-large footer,
  215. 215 body blockquote.wp-block-quote.has-text-align-right.is-style-large cite,
  216. 216 body blockquote.wp-block-quote.has-text-align-right.is-style-large footer {
  217. 217 text-align: right;
  218. 218 }
  219. 219
  220. 220
  221. 221 blockquote.wp-block-quote,
  222. 222 blockquote.wp-block-quote.is-large,
  223. 223 blockquote.wp-block-quote.is-style-large,
  224. 224 blockquote.wp-block-quote.has-text-align-right,
  225. 225 blockquote.wp-block-quote.has-text-align-center,
  226. 226 blockquote.wp-block-quote.has-text-align-right {
  227. 227 padding: 25px 35px;
  228. 228 }
  229. 229
  230. 230 body blockquote.wp-block-quote.has-text-align-right:before {
  231. 231 right: 35px;
  232. 232 }
  233. 233
  234. 234 .wp-block-quote.alignleft p:last-of-type,
  235. 235 .wp-block-quote.alignright p:last-of-type {
  236. 236 margin-bottom: 0;
  237. 237 }
  238. 238
  239. 239 .wp-block-quote cite {
  240. 240 display: block;
  241. 241 font-size: 13px;
  242. 242 font-size: 0.8125rem;
  243. 243 font-style: normal;
  244. 244 font-weight: 500;
  245. 245 line-height: 1.615384615384615;
  246. 246 text-align: center;
  247. 247 text-transform: uppercase;
  248. 248 }
  249. 249
  250. 250 .wp-block-audio {
  251. 251 margin-bottom: 28px;
  252. 252 }
  253. 253
  254. 254 /* Audio */
  255. 255
  256. 256 .wp-block-audio audio {
  257. 257 display: block;
  258. 258 width: 100%;
  259. 259 }
  260. 260
  261. 261 /*Pullquote*/
  262. 262 figure.wp-block-pullquote blockquote {
  263. 263 background-color: transparent;
  264. 264 margin-bottom: 0;
  265. 265 padding: 0;
  266. 266 }
  267. 267
  268. 268 /* Pullquote */
  269. 269
  270. 270 .wp-block-pullquote.is-style-solid-color blockquote p {
  271. 271 margin-bottom: revert;
  272. 272 }
  273. 273
  274. 274 .wp-block-pullquote blockquote p,
  275. 275 .wp-block-pullquote.alignleft blockquote p,
  276. 276 .wp-block-pullquote.alignright blockquote p,
  277. 277 .wp-block-pullquote.is-style-solid-color blockquote p {
  278. 278 font-size: 22px;
  279. 279 font-size: 1.375rem;
  280. 280 }
  281. 281
  282. 282 figure.wp-block-pullquote,
  283. 283 figure.wp-block-pullquote.alignleft,
  284. 284 figure.wp-block-pullquote.alignright {
  285. 285 padding: 35px 63px;
  286. 286 }
  287. 287
  288. 288 .wp-block-pullquote.alignleft,
  289. 289 .wp-block-pullquote.alignright {
  290. 290 max-width: none;
  291. 291 width: calc(50% - 0.736842105em);
  292. 292 padding-left: 0;
  293. 293 text-align: left;
  294. 294 }
  295. 295
  296. 296 .wp-block-pullquote__citation,
  297. 297 .wp-block-pullquote cite {
  298. 298 font-size: 13px;
  299. 299 font-size: 0.8125rem;
  300. 300 font-style: normal;
  301. 301 font-weight: 400;
  302. 302 line-height: 1.615384615384615;
  303. 303 }
  304. 304
  305. 305
  306. 306 .wp-block-pullquote:not(.is-style-solid-color) {
  307. 307 border-top-color: #ffca27;
  308. 308 border-bottom-color: #ffca27;
  309. 309 }
  310. 310
  311. 311 /* Cover */
  312. 312
  313. 313 .wp-block-cover-image.alignright,
  314. 314 .wp-block-cover.alignright,
  315. 315 .wp-block-cover-image.alignleft,
  316. 316 .wp-block-cover.alignleft,
  317. 317 .wp-block-cover-image.aligncenter,
  318. 318 .wp-block-cover.aligncenter {
  319. 319 display: flex;
  320. 320 }
  321. 321
  322. 322 /* File */
  323. 323
  324. 324 .wp-block-file .wp-block-file__button {
  325. 325 -webkit-border-radius: 25px;
  326. 326 border-radius: 25px;
  327. 327 -webkit-box-shadow: none;
  328. 328 box-shadow: none;
  329. 329 display: inline-block;
  330. 330 font-size: 14px;
  331. 331 font-size: 0.875rem;
  332. 332 font-weight: 800;
  333. 333 margin-top: 2em;
  334. 334 padding: 0.7em 2em;
  335. 335 -webkit-transition: background-color 0.2s ease-in-out;
  336. 336 transition: background-color 0.2s ease-in-out;
  337. 337 white-space: nowrap;
  338. 338 }
  339. 339
  340. 340 .wp-block-file .wp-block-file__button:hover,
  341. 341 .wp-block-file .wp-block-file__button:focus {
  342. 342 -webkit-box-shadow: none;
  343. 343 box-shadow: none;
  344. 344 }
  345. 345
  346. 346 blockquote.wp-block-quote {
  347. 347 position: relative;
  348. 348 }
  349. 349
  350. 350
  351. 351 blockquote.wp-block-quote:before {
  352. 352 color: #ffca27;
  353. 353 }
  354. 354
  355. 355 blockquote.wp-block-quote:before {
  356. 356 content: "\201C";
  357. 357 display: block;
  358. 358 float: left;
  359. 359 font-family: Georgia;
  360. 360 font-size: 84px;
  361. 361 font-size: 5.25rem;
  362. 362 font-style: normal;
  363. 363 font-weight: 700;
  364. 364 height: 0;
  365. 365 line-height: normal;
  366. 366 position: absolute;
  367. 367 margin-top: 5px;
  368. 368 top: 25px;
  369. 369 }
  370. 370
  371. 371 /*--------------------------------------------------------------
  372. 372 3.0 Blocks - Formatting
  373. 373 --------------------------------------------------------------*/
  374. 374
  375. 375 /* Editor Font Size */
  376. 376
  377. 377 .has-huge-font-size {
  378. 378 font-size: 32px;
  379. 379 font-size: 2rem;
  380. 380 line-height: 1.263888888888889;
  381. 381 margin-top: 0.9655172413793103em;
  382. 382 margin-bottom: 0.4827586206896552em;
  383. 383 }
  384. 384
  385. 385 .has-large-font-size {
  386. 386 font-size: 28px;
  387. 387 font-size: 1.75rem;
  388. 388 line-height: 1.161290322580645;
  389. 389 margin-top: 1.166666666666667em;
  390. 390 margin-bottom: 0.5833333333333333em;
  391. 391 }
  392. 392
  393. 393 .has-normal-font-size {
  394. 394 font-size: 15px;
  395. 395 font-size: 0.9375rem;
  396. 396 font-weight: 300;
  397. 397 line-height: 1.866666666666667;
  398. 398 }
  399. 399
  400. 400 .has-small-font-size {
  401. 401 font-size: 13px;
  402. 402 font-size: 0.8125rem;
  403. 403 font-weight: 400;
  404. 404 line-height: 1.75;
  405. 405 }
  406. 406
  407. 407 /* 1024px */
  408. 408
  409. 409 @media screen and (min-width: 64em) {
  410. 410 .has-huge-font-size {
  411. 411 font-size: 40px;
  412. 412 font-size: 2.5rem;
  413. 413 }
  414. 414
  415. 415 .has-large-font-size {
  416. 416 font-size: 36px;
  417. 417 font-size: 2.25rem;
  418. 418 }
  419. 419
  420. 420 blockquote.wp-block-quote,
  421. 421 blockquote.wp-block-quote.is-large,
  422. 422 blockquote.wp-block-quote.is-style-large,
  423. 423 blockquote.wp-block-quote.has-text-align-right,
  424. 424 blockquote.wp-block-quote.has-text-align-center,
  425. 425 blockquote.wp-block-quote.has-text-align-right {
  426. 426 padding: 35px 63px;
  427. 427 }
  428. 428
  429. 429 body blockquote.wp-block-quote.has-text-align-right:before {
  430. 430 right: 63px;
  431. 431 }
  432. 432 }
  433. 433
  434. 434 /* 1366px */
  435. 435
  436. 436 @media screen and (min-width: 85.375em) {
  437. 437 blockquote.wp-block-quote,
  438. 438 blockquote.wp-block-quote.is-large,
  439. 439 blockquote.wp-block-quote.is-style-large,
  440. 440 blockquote.wp-block-quote.has-text-align-right,
  441. 441 blockquote.wp-block-quote.has-text-align-center,
  442. 442 blockquote.wp-block-quote.has-text-align-right {
  443. 443 padding: 45px 91px;
  444. 444 }
  445. 445
  446. 446 body blockquote.wp-block-quote.has-text-align-right:before {
  447. 447 right: 91px;
  448. 448 }
  449. 449
  450. 450 .has-huge-font-size {
  451. 451 font-size: 48px;
  452. 452 font-size: 3rem;
  453. 453 }
  454. 454
  455. 455 .has-large-font-size {
  456. 456 font-size: 42px;
  457. 457 font-size: 2.625rem;
  458. 458 }
  459. 459 }
  460. 460
  461. 461 /* 1600px */
  462. 462
  463. 463 @media screen and (min-width: 100em) {
  464. 464 .has-normal-font-size {
  465. 465 font-size: 17px;
  466. 466 font-size: 1.0625rem;
  467. 467 line-height: 1.647058823529412;
  468. 468 }
  469. 469
  470. 470 blockquote.wp-block-quote,
  471. 471 blockquote.wp-block-quote.is-large,
  472. 472 blockquote.wp-block-quote.is-style-large,
  473. 473 blockquote.wp-block-quote.has-text-align-right,
  474. 474 blockquote.wp-block-quote.has-text-align-center,
  475. 475 blockquote.wp-block-quote.has-text-align-right {
  476. 476 padding: 56px 120px;
  477. 477 }
  478. 478
  479. 479 body blockquote.wp-block-quote.has-text-align-right:before {
  480. 480 right: 120px;
  481. 481 }
  482. 482
  483. 483 .has-huge-font-size {
  484. 484 font-size: 58px;
  485. 485 font-size: 3.625rem;
  486. 486 }
  487. 487
  488. 488 .has-large-font-size {
  489. 489 font-size: 48px;
  490. 490 font-size: 3rem;
  491. 491 }
  492. 492
  493. 493 .has-small-font-size {
  494. 494 font-size: 14px;
  495. 495 font-size: 0.875rem;
  496. 496 }
  497. 497
  498. 498 .wp-block-pullquote blockquote p,
  499. 499 .wp-block-pullquote.alignleft blockquote p,
  500. 500 .wp-block-pullquote.alignright blockquote p,
  501. 501 .wp-block-pullquote.is-style-solid-color blockquote p {
  502. 502 font-size: 24px;
  503. 503 font-size: 1.5rem;
  504. 504 }
  505. 505 }
  506. 506
  507. 507 /* Code */
  508. 508
  509. 509 pre.wp-block-code {
  510. 510 border: 0;
  511. 511 padding: 1.647058823529412em;
  512. 512 }
  513. 513
  514. 514 .wp-block-code cite:before,
  515. 515 .wp-block-code small:before {
  516. 516 content: "\2014\00a0";
  517. 517 }
  518. 518
  519. 519 .wp-block-quote__citation {
  520. 520 font-size: 16px;
  521. 521 }
  522. 522
  523. 523 /
  524. 524 /* Table */
  525. 525
  526. 526 .wp-block-table {
  527. 527 border-collapse: collapse;
  528. 528 }
  529. 529
  530. 530 .wp-block-table caption,
  531. 531 .wp-block-table th,
  532. 532 .wp-block-table td {
  533. 533 padding: 0.833em;
  534. 534 }
  535. 535
  536. 536 .wp-block-table th,
  537. 537 .wp-block-table td {
  538. 538 border-width: 0 0 1px 0;
  539. 539 }
  540. 540
  541. 541 .wp-block-table thead th {
  542. 542 text-align: center;
  543. 543 }
  544. 544
  545. 545 .wp-block-pullquote.is-style-solid-color {
  546. 546 background-color: rgba(0, 0, 0, 0.05);
  547. 547 }
  548. 548
  549. 549 .wp-block-pullquote.is-style-solid-color blockquote {
  550. 550 max-width: 100%;
  551. 551 }
  552. 552
  553. 553 /*--------------------------------------------------------------
  554. 554 4.0 Blocks - Layout Elements
  555. 555 --------------------------------------------------------------*/
  556. 556
  557. 557 /* Buttons */
  558. 558
  559. 559 .wp-block-button {
  560. 560 margin-top: 1.555555555555556em;
  561. 561 margin-bottom: 1.555555555555556em;
  562. 562 }
  563. 563
  564. 564 .wp-block-button.alignleft,
  565. 565 .wp-block-button.alignright {
  566. 566 margin-top: 0;
  567. 567 }
  568. 568
  569. 569 .wp-block-button .wp-block-button__link {
  570. 570 border: none;
  571. 571 border-radius: unset;
  572. 572 display: inline-block;
  573. 573 font-size: 12px;
  574. 574 font-size: .75rem;
  575. 575 font-weight: 500;
  576. 576 line-height: 1.75;
  577. 577 letter-spacing: .1em;
  578. 578 padding: 8px 18px;
  579. 579 text-decoration: none;
  580. 580 text-transform: uppercase;
  581. 581 }
  582. 582
  583. 583 .wp-block-button .wp-block-button__link:hover,
  584. 584 .wp-block-button .wp-block-button__link:focus {
  585. 585 -webkit-box-shadow: none;
  586. 586 box-shadow: none;
  587. 587 }
  588. 588
  589. 589 /* Separator */
  590. 590
  591. 591 .wp-block-separator {
  592. 592 border: 0;
  593. 593 margin: 1.555555555555556em auto;
  594. 594 }
  595. 595
  596. 596 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  597. 597 max-width: 100px;
  598. 598 }
  599. 599
  600. 600 /* Media & Text */
  601. 601
  602. 602 .wp-block-media-text {
  603. 603 margin-bottom: 1.555555555555556em;
  604. 604 }
  605. 605
  606. 606 .wp-block-media-text *:last-child {
  607. 607 margin-bottom: 0;
  608. 608 }
  609. 609
  610. 610 /*--------------------------------------------------------------
  611. 611 5.0 Blocks - Widgets
  612. 612 --------------------------------------------------------------*/
  613. 613
  614. 614 /* Archives, Categories & Latest Posts */
  615. 615
  616. 616 .wp-block-archives.aligncenter,
  617. 617 .wp-block-categories.aligncenter,
  618. 618 .wp-block-latest-posts.aligncenter {
  619. 619 list-style-position: inside;
  620. 620 text-align: center;
  621. 621 }
  622. 622
  623. 623 .wp-block-latest-posts.is-grid {
  624. 624 margin-left: 0;
  625. 625 }
  626. 626
  627. 627 /* Comments */
  628. 628
  629. 629 .wp-block-latest-comments article {
  630. 630 margin-bottom: 4em;
  631. 631 }
  632. 632
  633. 633 .blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
  634. 634 .archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
  635. 635 .search:not(.has-sidebar) #primary .wp-block-latest-comments article {
  636. 636 float: none;
  637. 637 width: 100%;
  638. 638 }
  639. 639
  640. 640 .wp-block-latest-comments .avatar,
  641. 641 .wp-block-latest-comments__comment-avatar {
  642. 642 border-radius: 0;
  643. 643 }
  644. 644
  645. 645 .wp-block-latest-comments a {
  646. 646 -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
  647. 647 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
  648. 648
  649. 649 }
  650. 650
  651. 651 .wp-block-latest-comments__comment-meta {
  652. 652 font-size: 16px;
  653. 653 font-size: 1rem;
  654. 654 margin-bottom: 0.4em;
  655. 655 }
  656. 656
  657. 657 .wp-block-latest-comments__comment-author,
  658. 658 .wp-block-latest-comments__comment-link {
  659. 659 font-weight: 700;
  660. 660 text-decoration: none;
  661. 661 }
  662. 662
  663. 663 .wp-block-latest-comments__comment-date {
  664. 664 font-size: 10px;
  665. 665 font-size: 0.625rem;
  666. 666 font-weight: 800;
  667. 667 letter-spacing: 0.1818em;
  668. 668 margin-top: 0.4em;
  669. 669 text-transform: uppercase;
  670. 670 }
  671. 671
  672. 672 .editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
  673. 673 font-size: 14px;
  674. 674 font-size: 0.875rem;
  675. 675 }
  676. 676
  677. 677 .wp-block-buttons,
  678. 678 .wp-block-cover {
  679. 679 margin-bottom: 28px;
  680. 680 }
  681. 681
  682. 682
  683. 683 /*--------------------------------------------------------------
  684. 684 6.0 Blocks - Colors
  685. 685 --------------------------------------------------------------*/
  686. 686
  687. 687
  688. 688 .wp-block-file .wp-block-file__button,
  689. 689 .wp-block-button .wp-block-button__link {
  690. 690 background-color: #111;
  691. 691 color: #fff;
  692. 692 }
  693. 693
  694. 694 .wp-block-file .wp-block-file__button:hover,
  695. 695 .wp-block-file .wp-block-file__button:focus,
  696. 696 .wp-block-button .wp-block-button__link:hover,
  697. 697 .wp-block-button .wp-block-button__link:focus {
  698. 698 background-color: #ffca27;
  699. 699 color: #000;
  700. 700 }
  701. 701
  702. 702 .wp-block-latest-comments__comment-date,
  703. 703 .wp-block-pullquote,
  704. 704 .wp-block-pullquote cite,
  705. 705 .wp-block-pullquote footer,
  706. 706 .wp-block-pullquote__citation,
  707. 707 .wp-block-quote cite,
  708. 708 .wp-block-quote footer,
  709. 709 .wp-block-quote__citation {
  710. 710 color: #333;
  711. 711 }
  712. 712
  713. 713 .wp-block-table td,
  714. 714 .wp-block-table th {
  715. 715 border-color: #ececec;
  716. 716 }
  717. 717
  718. 718 hr {
  719. 719 background-color: #ececec;
  720. 720 }
  721. 721
  722. 722 .wp-block-separator.is-style-dots:before {
  723. 723 color: #ececec;
  724. 724 }
  725. 725
  726. 726 .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background),
  727. 727 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
  728. 728 border: 2px solid currentColor;
  729. 729 }
  730. 730
  731. 731 .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover,
  732. 732 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover {
  733. 733 border-color: transparent;
  734. 734 }
  735. 735
  736. 736 /*Color White*/
  737. 737
  738. 738 .wp-block-pullquote.is-style-solid-color blockquote.has-white-color cite,
  739. 739 .wp-block-button .wp-block-button__link.has-white-color,
  740. 740 .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color,
  741. 741 .wp-block-button__link.is-style-outline.has-white-color,
  742. 742 .has-white-color {
  743. 743 color: #fff;
  744. 744 }
  745. 745
  746. 746 .wp-block-pullquote.is-style-solid-color.has-white-background-color,
  747. 747 .wp-block-button .wp-block-button__link.has-white-background-color,
  748. 748 .has-white-background-color {
  749. 749 background-color: #fff;
  750. 750 }
  751. 751
  752. 752 .is-style-outline > .wp-block-button__link.has-white-color,
  753. 753 .wp-block-button__link.is-style-outline.has-white-color {
  754. 754 border-color: #fff;
  755. 755 }
  756. 756
  757. 757 /*Color Black*/
  758. 758
  759. 759 .wp-block-pullquote.is-style-solid-color blockquote.has-black-color cite,
  760. 760 .wp-block-button .wp-block-button__link.has-black-color,
  761. 761 .wp-block-button.is-style-outline > .wp-block-button__link.has-black-color,
  762. 762 .wp-block-button__link.is-style-outline.has-black-color,
  763. 763 .has-black-color {
  764. 764 color: #000;
  765. 765 }
  766. 766
  767. 767 .wp-block-pullquote.is-style-solid-color.has-black-background-color,
  768. 768 .wp-block-button .wp-block-button__link.has-black-background-color,
  769. 769 .has-black-background-color {
  770. 770 background-color: #000;
  771. 771 }
  772. 772
  773. 773 .is-style-outline > .wp-block-button__link.has-black-color,
  774. 774 .wp-block-button__link.is-style-outline.has-black-color {
  775. 775 border-color: #000;
  776. 776 }
  777. 777
  778. 778 /*Color Gray*/
  779. 779
  780. 780 .wp-block-pullquote.is-style-solid-color blockquote.has-gray-color cite,
  781. 781 .wp-block-button .wp-block-button__link.has-gray-color,
  782. 782 .wp-block-button.is-style-outline > .wp-block-button__link.has-gray-color,
  783. 783 .wp-block-button__link.is-style-outline.has-gray-color,
  784. 784 .has-gray-color {
  785. 785 color: #fafafa;
  786. 786 }
  787. 787
  788. 788 .wp-block-pullquote.is-style-solid-color.has-gray-background-color,
  789. 789 .wp-block-button .wp-block-button__link.has-gray-background-color,
  790. 790 .has-gray-background-color {
  791. 791 background-color: #fafafa;
  792. 792 }
  793. 793
  794. 794 .is-style-outline > .wp-block-button__link.has-gray-color,
  795. 795 .wp-block-button__link.is-style-outline.has-gray-color {
  796. 796 border-color: #fafafa;
  797. 797 }
  798. 798
  799. 799 /*Color Medium Gray*/
  800. 800
  801. 801 .wp-block-pullquote.is-style-solid-color blockquote.has-medium-gray-color cite,
  802. 802 .wp-block-button .wp-block-button__link.has-medium-gray-color,
  803. 803 .wp-block-button.is-style-outline > .wp-block-button__link.has-medium-gray-color,
  804. 804 .wp-block-button__link.is-style-outline.has-medium-gray-color,
  805. 805 .has-medium-gray-color {
  806. 806 color: #999;
  807. 807 }
  808. 808
  809. 809 .wp-block-pullquote.is-style-solid-color.has-medium-gray-background-color,
  810. 810 .wp-block-button .wp-block-button__link.has-medium-gray-background-color,
  811. 811 .has-medium-gray-background-color {
  812. 812 background-color: #999;
  813. 813 }
  814. 814
  815. 815 .is-style-outline > .wp-block-button__link.has-medium-gray-color,
  816. 816 .wp-block-button__link.is-style-outline.has-medium-gray-color {
  817. 817 border-color: #999;
  818. 818 }
  819. 819
  820. 820
  821. 821 /*Color Yellow*/
  822. 822
  823. 823 .wp-block-pullquote.is-style-solid-color blockquote.has-yellow-color cite,
  824. 824 .wp-block-button .wp-block-button__link.has-yellow-color,
  825. 825 .wp-block-button.is-style-outline > .wp-block-button__link.has-yellow-color,
  826. 826 .wp-block-button__link.is-style-outline.has-yellow-color,
  827. 827 .has-yellow-color {
  828. 828 color: #ffca27;
  829. 829 }
  830. 830
  831. 831 .wp-block-pullquote.is-style-solid-color.has-yellow-background-color,
  832. 832 .wp-block-button .wp-block-button__link.has-yellow-background-color,
  833. 833 .has-yellow-background-color {
  834. 834 background-color: #ffca27;
  835. 835 }
  836. 836
  837. 837 .is-style-outline > .wp-block-button__link.has-yellow-color,
  838. 838 .wp-block-button__link.is-style-outline.has-yellow-color {
  839. 839 border-color: #ffca27;
  840. 840 }
  841. 841
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)