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
/
input-field
/
view.css
view.css
in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/input-field/view.css
2 lines
3.2 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-input-field
,
.
wp-block-b-blocks-input-field
*
{
box-sizing
:
border-box
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
{
display
:
flex
;
width
:
100
%
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
label-position-top
{
flex-direction
:
column
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
label-position-bottom
{
flex-direction
:
column-reverse
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
label-position-left
{
align-items
:
center
;
flex-direction
:
row
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
label-position-right
{
align-items
:
center
;
flex-direction
:
row-reverse
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-label
{
white-space
:
nowrap
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-label
.
b-blocks-input-field-required
{
color
:
#
ff2b2b
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field
{
display
:
flex
;
position
:
relative
;
width
:
100
%
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field
.
b-blocks-input-field-icon
{
display
:
flex
;
left
:
10
px
;
position
:
absolute
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field
.
b-blocks-input-field-icon
>
svg
{
height
:
20
px
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field
input
{
border
:
1
px
solid
#
ccc
;
border-radius
:
3
px
;
font-family
:
unset
;
line-height
:
normal
;
min-height
:
unset
;
padding
:
10
px
;
width
:
100
%
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field
.
b-blocks-input-field-passVisibilityIcon
{
cursor
:
pointer
;
display
:
flex
;
height
:
20
px
;
pointer-events
:
all
;
position
:
absolute
;
right
:
10
px
;
top
:
50
%
;
transform
:
translateY
(
-50
%
)
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-error-message
{
color
:
#
f5222d
;
display
:
none
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
{
display
:
flex
;
gap
:
5
px
;
margin
:
10
px
0
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
.
b-blocks-input-field-passStrengthMeter
{
background-color
:
#
e3e3e3
;
height
:
5
px
;
transition
:
all
.2
s
ease-in-out
;
width
:
100
%
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
.
b-blocks-input-field-passStrengthMeter
.
veryWeakPass
{
background-color
:
#
f5222d
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
.
b-blocks-input-field-passStrengthMeter
.
weakPass
{
background-color
:
#
fa8c16
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
.
b-blocks-input-field-passStrengthMeter
.
mediumPass
{
background-color
:
#
fadb14
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-container
.
b-blocks-input-field-passStrengthMeter-container
.
b-blocks-input-field-passStrengthMeter
.
strongPass
{
background-color
:
#
7cb305
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-error-container
.
b-blocks-input-field
>
input
{
border-color
:
#
f5222d
}
.
wp-block-b-blocks-input-field
.
b-blocks-input-field-error-container
.
b-blocks-input-field-error-message
{
display
:
block
!important
}
2
