WordPress/wp-includes/blocks/post-template/style.css

43 lines
1.2 KiB
CSS

.wp-block-post-template{
list-style:none;
margin-bottom:0;
margin-top:0;
max-width:100%;
padding:0;
}
.wp-block-post-template.wp-block-post-template{
background:none;
}
.wp-block-post-template.is-flex-container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:1.25em;
}
.wp-block-post-template.is-flex-container>li{
margin:0;
width:100%;
}
@media (min-width:600px){
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{
width:calc(50% - .625em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
width:calc(33.33333% - .83333em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{
width:calc(25% - .9375em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{
width:calc(20% - 1em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{
width:calc(16.66667% - 1.04167em);
}
}
@media (max-width:600px){
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{
grid-template-columns:1fr;
}
}