Browse
For agents
About
Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax.
/
0.09
Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax.
v0.09
Switch version
trunk
0.01
0.02
0.03
0.04
0.05
0.06
0.07
0.08
0.09
0.10
0.11
0.12
0.13
0.14
0.15
0.16
0.17
0.18
0.19
Overview
Code
background-block
/
build
/
view.css
view.css
in Section Builder with Backgrounds – Customize with Color, Gradient, Image and Parallax. 0.09, at build/view.css
2 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-evb-background
{
display
:
flex
;
flex-direction
:
column
;
overflow
:
hidden
;
position
:
relative
}
.
wp-block-evb-background
*
{
box-sizing
:
border-box
}
.
wp-block-evb-background
.
evbBackground
{
height
:
100
%
;
left
:
0
;
pointer-events
:
none
;
position
:
absolute
;
top
:
0
;
width
:
100
%
;
z-index
:
0
}
.
wp-block-evb-background
.
backgroundContentWrapper
{
display
:
flex
;
flex
:
1
;
height
:
100
%
;
max-height
:
100
%
;
width
:
100
%
;
z-index
:
2
}
.
wp-block-evb-background
.
backgroundContent
{
display
:
flex
;
flex-direction
:
column
}
.
wp-block-evb-background
.
backgroundContent
*
{
z-index
:
1
}
.
wp-block-evb-background
.
backgroundContent
.
block-editor-block-list__layout
>
*
,
.
wp-block-evb-background
.
backgroundContent
p
{
max-width
:
100
%
}
.
wp-block-evb-background
.
evbShape
{
color
:
#
fff
;
height
:
100
px
;
left
:
50
%
;
min-width
:
100
%
;
position
:
absolute
;
transform
:
translateX
(
-50
%
)
;
z-index
:
1
}
.
wp-block-evb-background
.
evbShape
.
flip
{
transform
:
translateX
(
-50
%
)
rotateY
(
180
deg
)
}
.
wp-block-evb-background
.
evbShape
.
invert
{
transform
:
translateX
(
-50
%
)
rotateX
(
180
deg
)
}
.
wp-block-evb-background
.
evbShape
.
flip
.
invert
{
transform
:
translateX
(
-50
%
)
rotate
(
180
deg
)
}
.
wp-block-evb-background
.
evbShape
.
top
{
top
:
0
}
.
wp-block-evb-background
.
evbShape
.
bottom
{
bottom
:
0
}
.
wp-block-evb-background
.
evbShape
svg
{
height
:
100
%
;
width
:
100
%
}
.
wp-block-evb-background
.
evbShape
.
rotate180
{
transform
:
rotate
(
180
deg
)
}
2
