Browse
For agents
About
bBlocks – Essential Gutenberg Blocks & Patterns Collection
/
trunk
bBlocks – Essential Gutenberg Blocks & Patterns Collection
vtrunk
Switch version
2.1.6
2.1.5
2.1.4
2.1.3
2.1.2
2.1.1
2.1.0
2.0.43
2.0.42
2.0.41
2.0.40
2.0.39
2.0.38
trunk
1.0
1.1
1.2
1.3
1.4
1.5
1.5.1
1.5.2
1.5.3
1.5.4
1.5.5
All 106 releases
Overview
Code
b-blocks
/
build
/
form-builder
/
view.css
view.css
in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/form-builder/view.css
2 lines
3.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-b-blocks-form-builder
{
display
:
flex
;
width
:
100
%
}
.
wp-block-b-blocks-form-builder
*
{
box-sizing
:
border-box
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
{
box-sizing
:
border-box
;
padding
:
10
px
;
width
:
100
%
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
{
align-items
:
center
;
display
:
flex
;
gap
:
4
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkbox-container
{
cursor
:
pointer
;
display
:
block
;
height
:
17
px
;
position
:
relative
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
width
:
17
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkbox-container
input
{
cursor
:
pointer
;
height
:
0
;
opacity
:
0
;
position
:
absolute
;
width
:
0
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkmark
{
background
:
#
fff
;
border
:
1
px
solid
#
818181
;
border-radius
:
5
px
;
height
:
17
px
;
left
:
0
;
position
:
absolute
;
top
:
0
;
width
:
17
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkbox-container
>
input
:
checked
~
.
b-blocks-b-form-checkmark
{
background-color
:
blue
;
color
:
#
2196f3
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkmark
:
after
{
content
:
"
"
;
display
:
none
;
position
:
absolute
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkbox-container
>
input
:
checked
~
.
b-blocks-b-form-checkmark
:
after
{
display
:
block
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-container
.
b-blocks-b-form-termsConditionWrapper
.
b-blocks-b-form-checkbox-container
.
b-blocks-b-form-checkmark
:
after
{
border
:
solid
#
fff
;
border-width
:
0
2
px
2
px
0
;
height
:
7
px
;
left
:
5
px
;
top
:
2
px
;
transform
:
rotate
(
45
deg
)
;
width
:
4
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-button-wrapper
{
display
:
flex
;
margin-top
:
15
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-button-wrapper
.
b-blocks-form-submitBtn
{
align-items
:
center
;
display
:
flex
;
transition
:
all
.2
s
ease-in-out
;
width
:
-moz-fit-content
;
width
:
fit-content
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-button-wrapper
.
b-blocks-form-button-navigation-wrapper
{
display
:
flex
;
flex-wrap
:
nowrap
;
font-size
:
15
px
;
gap
:
3
px
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-button-wrapper
.
b-blocks-form-button-navigation-wrapper
>
*
{
margin
:
0
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-button-wrapper
.
b-blocks-form-button-navigation-wrapper
.
b-blocks-form-button-navigation-link
{
color
:
#
002cf0
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-form-submitBtn
{
background-color
:
#
ff7a00
;
border
:
none
;
border-radius
:
4
px
;
color
:
#
fff
;
cursor
:
pointer
;
font-size
:
15
px
;
padding
:
10
px
30
px
;
transition
:
all
.3
s
}
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-error-message
,
.
wp-block-b-blocks-form-builder
.
b-blocks-b-form-wrapper
.
b-blocks-b-form-success-message
{
margin-top
:
15
px
;
padding
:
5
px
}
2
