Browse
For agents
About
Gutenberg
/
10.5.3
Gutenberg
v10.5.3
Switch version
24.0.0
23.9.1
23.9.0
23.8.0
23.7.2
23.7.1
23.7.0
23.6.1
23.6.2
23.6.0
23.5.3
23.5.2
23.5.1
23.5.0
23.4.0
23.3.2
23.3.1
23.3.0
23.2.0
23.2.1
23.2.2
23.1.1
23.1.0
23.0.1
12.6.0
All 403 releases
Overview
Code
gutenberg
/
build
/
block-library
/
blocks
/
query-loop
/
style.css
style.css
in Gutenberg 10.5.3, at build/block-library/blocks/query-loop/style.css
1 lines
1.3 KB
Find file
t
No matching file
Up and down to move
Enter to open
Esc to close
Raw
Download
Zip
View raw
1
.
wp-block-query-loop
{
max-width
:
100
%
;
list-style
:
none
;
padding
:
0
}
.
wp-block-query-loop
li
{
clear
:
both
}
.
wp-block-query-loop
.
is-flex-container
{
flex-direction
:
row
;
display
:
flex
;
flex-wrap
:
wrap
}
.
wp-block-query-loop
.
is-flex-container
li
{
margin
:
0
0
1.25
em
;
width
:
100
%
}
@
media
(
min-width
:
600
px
)
{
.
wp-block-query-loop
.
is-flex-container
li
{
margin-right
:
1.25
em
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-2
>
li
{
width
:
calc
(
50
%
-
.625
em
)
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-2
>
li
:
nth-child
(
2n
)
{
margin-right
:
0
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-3
>
li
{
width
:
calc
(
33.33333
%
-
.83333
em
)
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-3
>
li
:
nth-child
(
3n
)
{
margin-right
:
0
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-4
>
li
{
width
:
calc
(
25
%
-
.9375
em
)
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-4
>
li
:
nth-child
(
4n
)
{
margin-right
:
0
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-5
>
li
{
width
:
calc
(
20
%
-
1
em
)
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-5
>
li
:
nth-child
(
5n
)
{
margin-right
:
0
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-6
>
li
{
width
:
calc
(
16.66667
%
-
1.04167
em
)
}
.
wp-block-query-loop
.
is-flex-container
.
is-flex-container
.
columns-6
>
li
:
nth-child
(
6n
)
{
margin-right
:
0
}
}
