You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

87 lines
1.9 KiB

1 year ago
  1. .wp-block-latest-posts{
  2. box-sizing:border-box;
  3. }
  4. .wp-block-latest-posts.alignleft{
  5. margin-right:2em;
  6. }
  7. .wp-block-latest-posts.alignright{
  8. margin-left:2em;
  9. }
  10. .wp-block-latest-posts.wp-block-latest-posts__list{
  11. list-style:none;
  12. padding-left:0;
  13. }
  14. .wp-block-latest-posts.wp-block-latest-posts__list li{
  15. clear:both;
  16. }
  17. .wp-block-latest-posts.is-grid{
  18. display:flex;
  19. flex-wrap:wrap;
  20. padding:0;
  21. }
  22. .wp-block-latest-posts.is-grid li{
  23. margin:0 1.25em 1.25em 0;
  24. width:100%;
  25. }
  26. @media (min-width:600px){
  27. .wp-block-latest-posts.columns-2 li{
  28. width:calc(50% - .625em);
  29. }
  30. .wp-block-latest-posts.columns-2 li:nth-child(2n){
  31. margin-right:0;
  32. }
  33. .wp-block-latest-posts.columns-3 li{
  34. width:calc(33.33333% - .83333em);
  35. }
  36. .wp-block-latest-posts.columns-3 li:nth-child(3n){
  37. margin-right:0;
  38. }
  39. .wp-block-latest-posts.columns-4 li{
  40. width:calc(25% - .9375em);
  41. }
  42. .wp-block-latest-posts.columns-4 li:nth-child(4n){
  43. margin-right:0;
  44. }
  45. .wp-block-latest-posts.columns-5 li{
  46. width:calc(20% - 1em);
  47. }
  48. .wp-block-latest-posts.columns-5 li:nth-child(5n){
  49. margin-right:0;
  50. }
  51. .wp-block-latest-posts.columns-6 li{
  52. width:calc(16.66667% - 1.04167em);
  53. }
  54. .wp-block-latest-posts.columns-6 li:nth-child(6n){
  55. margin-right:0;
  56. }
  57. }
  58. .wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{
  59. display:block;
  60. font-size:.8125em;
  61. }
  62. .wp-block-latest-posts__post-excerpt{
  63. margin-bottom:1em;
  64. margin-top:.5em;
  65. }
  66. .wp-block-latest-posts__featured-image a{
  67. display:inline-block;
  68. }
  69. .wp-block-latest-posts__featured-image img{
  70. height:auto;
  71. max-width:100%;
  72. width:auto;
  73. }
  74. .wp-block-latest-posts__featured-image.alignleft{
  75. float:left;
  76. margin-right:1em;
  77. }
  78. .wp-block-latest-posts__featured-image.alignright{
  79. float:right;
  80. margin-left:1em;
  81. }
  82. .wp-block-latest-posts__featured-image.aligncenter{
  83. margin-bottom:1em;
  84. text-align:center;
  85. }