mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-26 19:18:57 +01:00
11d4f1b3bf
Props: ironprogrammer, petitphp, hellofromTonya, azaozz. Fixes: #57891. Built from https://develop.svn.wordpress.org/trunk@55494 git-svn-id: http://core.svn.wordpress.org/trunk@55027 1a063a9b-81f0-0310-95a4-ce76da25c4cd
88 lines
1.9 KiB
CSS
88 lines
1.9 KiB
CSS
.wp-block-latest-posts{
|
|
box-sizing:border-box;
|
|
}
|
|
.wp-block-latest-posts.alignleft{
|
|
margin-right:2em;
|
|
}
|
|
.wp-block-latest-posts.alignright{
|
|
margin-left:2em;
|
|
}
|
|
.wp-block-latest-posts.wp-block-latest-posts__list{
|
|
list-style:none;
|
|
padding-right:0;
|
|
}
|
|
.wp-block-latest-posts.wp-block-latest-posts__list li{
|
|
clear:both;
|
|
}
|
|
.wp-block-latest-posts.is-grid{
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
padding:0;
|
|
}
|
|
.wp-block-latest-posts.is-grid li{
|
|
margin:0 0 1.25em 1.25em;
|
|
width:100%;
|
|
}
|
|
@media (min-width:600px){
|
|
.wp-block-latest-posts.columns-2 li{
|
|
width:calc(50% - .625em);
|
|
}
|
|
.wp-block-latest-posts.columns-2 li:nth-child(2n){
|
|
margin-left:0;
|
|
}
|
|
.wp-block-latest-posts.columns-3 li{
|
|
width:calc(33.33333% - .83333em);
|
|
}
|
|
.wp-block-latest-posts.columns-3 li:nth-child(3n){
|
|
margin-left:0;
|
|
}
|
|
.wp-block-latest-posts.columns-4 li{
|
|
width:calc(25% - .9375em);
|
|
}
|
|
.wp-block-latest-posts.columns-4 li:nth-child(4n){
|
|
margin-left:0;
|
|
}
|
|
.wp-block-latest-posts.columns-5 li{
|
|
width:calc(20% - 1em);
|
|
}
|
|
.wp-block-latest-posts.columns-5 li:nth-child(5n){
|
|
margin-left:0;
|
|
}
|
|
.wp-block-latest-posts.columns-6 li{
|
|
width:calc(16.66667% - 1.04167em);
|
|
}
|
|
.wp-block-latest-posts.columns-6 li:nth-child(6n){
|
|
margin-left:0;
|
|
}
|
|
}
|
|
|
|
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{
|
|
display:block;
|
|
font-size:.8125em;
|
|
}
|
|
|
|
.wp-block-latest-posts__post-excerpt{
|
|
margin-bottom:1em;
|
|
margin-top:.5em;
|
|
}
|
|
|
|
.wp-block-latest-posts__featured-image a{
|
|
display:inline-block;
|
|
}
|
|
.wp-block-latest-posts__featured-image img{
|
|
height:auto;
|
|
max-width:100%;
|
|
width:auto;
|
|
}
|
|
.wp-block-latest-posts__featured-image.alignleft{
|
|
float:left;
|
|
margin-right:1em;
|
|
}
|
|
.wp-block-latest-posts__featured-image.alignright{
|
|
float:right;
|
|
margin-left:1em;
|
|
}
|
|
.wp-block-latest-posts__featured-image.aligncenter{
|
|
margin-bottom:1em;
|
|
text-align:center;
|
|
} |