Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4129452
CdxTextInput-bidi.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
5 KB
Referenced Files
None
Subscribers
None
CdxTextInput-bidi.css
View Options
.
cdx-text-input
{
position
:
relative
;
box-sizing
:
border-box
;
min-width
:
256
px
;
overflow
:
hidden
}
[
dir
]
.
cdx-text-input
{
border-radius
:
2
px
}.
cdx-text-input
.
cdx-text-input__start-icon
{
position
:
absolute
;
top
:
50
%
;
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
}
[
dir
]
.
cdx-text-input
.
cdx-text-input__start-icon
{
transition-property
:
color
;
transition-duration
:
.1
s
;
transform
:
translateY
(
-50
%
)}
[
dir
=
ltr
]
.
cdx-text-input
.
cdx-text-input__start-icon
{
left
:
9
px
}
[
dir
=
rtl
]
.
cdx-text-input
.
cdx-text-input__start-icon
{
right
:
9
px
}.
cdx-text-input__icon
.
cdx-text-input__end-icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{
[
dir
]
.
cdx-text-input__icon
.
cdx-text-input__end-icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1
rem
,
16
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-text-input__icon
.
cdx-text-input__end-icon
{
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
);
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-position
:
center
;
mask-position
:
center
}}.
cdx-text-input__clear-icon
.
cdx-icon
,
.
cdx-text-input
.
cdx-text-input__end-icon
{
position
:
absolute
;
top
:
50
%
;
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
}
[
dir
]
.
cdx-text-input__clear-icon
.
cdx-icon
,[
dir
]
.
cdx-text-input
.
cdx-text-input__end-icon
{
transition-property
:
color
;
transition-duration
:
.1
s
;
transform
:
translateY
(
-50
%
)}
[
dir
=
ltr
]
.
cdx-text-input__clear-icon
.
cdx-icon
,[
dir
=
ltr
]
.
cdx-text-input
.
cdx-text-input__end-icon
{
right
:
9
px
}
[
dir
=
rtl
]
.
cdx-text-input__clear-icon
.
cdx-icon
,[
dir
=
rtl
]
.
cdx-text-input
.
cdx-text-input__end-icon
{
left
:
9
px
}
[
dir
]
.
cdx-text-input__clear-icon
.
cdx-icon
:
hover
{
cursor
:
pointer
}
[
dir
=
ltr
]
.
cdx-text-input__end-icon
.
cdx-icon
+
.
cdx-text-input__clear-icon
.
cdx-icon
{
right
:
calc
(
17
px
+
1
rem
)}
[
dir
=
rtl
]
.
cdx-text-input__end-icon
.
cdx-icon
+
.
cdx-text-input__clear-icon
.
cdx-icon
{
left
:
calc
(
17
px
+
1
rem
)}.
cdx-text-input__input
{
display
:
block
;
box-sizing
:
border-box
;
min-height
:
32
px
;
width
:
100
%
;
font-family
:
inherit
;
font-size
:
inherit
;
line-height
:
1.375
}
[
dir
]
.
cdx-text-input__input
{
margin
:
0
;
border-width
:
1
px
;
border-style
:
solid
;
border-radius
:
0
;
padding
:
4
px
8
px
}.
cdx-text-input__input
:
enabled
{
color
:
var
(
--color-base
,
#202122
)}
[
dir
]
.
cdx-text-input__input
:
enabled
{
background-color
:
var
(
--background-color-base
,
#fff
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
);
box-shadow
:
inset
0
0
0
1
px
var
(
--box-shadow-color-transparent
,
transparent
);
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.25
s
}.
cdx-text-input__input
:
enabled
~
.
cdx-text-input__icon-vue
{
color
:
var
(
--color-placeholder
,
#72777d
)}.
cdx-text-input__input
:
enabled
~
.
cdx-text-input__icon
{
opacity
:
var
(
--opacity-icon-placeholder
,
.51
)}
[
dir
]
.
cdx-text-input__input
:
enabled
:
hover
{
border-color
:
var
(
--border-color-interactive
,
#72777d
)}.
cdx-text-input__input
:
enabled
:
focus
~
.
cdx-text-input__icon-vue
,
.
cdx-text-input__input
:
enabled
.
cdx-text-input__input--has-value
~
.
cdx-text-input__icon-vue
{
color
:
var
(
--color-base
,
#202122
)}.
cdx-text-input__input
:
enabled
:
focus
~
.
cdx-text-input__icon
,
.
cdx-text-input__input
:
enabled
.
cdx-text-input__input--has-value
~
.
cdx-text-input__icon
{
opacity
:
1
}.
cdx-text-input__input
:
enabled
:
focus
{
outline
:
1
px
solid
transparent
}
[
dir
]
.
cdx-text-input__input
:
enabled
:
focus
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
);
box-shadow
:
inset
0
0
0
1
px
var
(
--box-shadow-color-progressive--focus
,
#36c
)}
[
dir
]
.
cdx-text-input__input
:
enabled
:
read-only
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
)}.
cdx-text-input__input
:
disabled
{
color
:
var
(
--color-disabled
,
#72777d
);
-webkit-
text-fill-color
:
var
(
--color-disabled
,
#72777d
)}
[
dir
]
.
cdx-text-input__input
:
disabled
{
background-color
:
var
(
--background-color-disabled-subtle
,
#eaecf0
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
)}.
cdx-text-input__input
:
disabled
~
.
cdx-text-input__icon-vue
{
color
:
var
(
--color-disabled
,
#72777d
);
pointer-events
:
none
}.
cdx-text-input__input
:
disabled
~
.
cdx-text-input__icon
{
opacity
:
var
(
--opacity-icon-base--disabled
,
.51
)}.
cdx-text-input__input
::
placeholder
{
color
:
var
(
--color-placeholder
,
#72777d
);
opacity
:
1
}.
cdx-text-input__input
::
-ms-clear
{
display
:
none
}.
cdx-text-input__input
[
type
=
search
]
{
-webkit-
appearance
:
none
;
-moz-
appearance
:
textfield
}.
cdx-text-input__input
[
type
=
search
]
::
-webkit-search-decoration
,
.
cdx-text-input__input
[
type
=
search
]
::
-webkit-search-cancel-button
{
display
:
none
}
[
dir
=
ltr
]
.
cdx-text-input--has-start-icon
.
cdx-text-input__input
{
padding-left
:
calc
(
16
px
+
1.25
rem
)}
[
dir
=
rtl
]
.
cdx-text-input--has-start-icon
.
cdx-text-input__input
{
padding-right
:
calc
(
16
px
+
1.25
rem
)}
[
dir
=
ltr
]
.
cdx-text-input--has-end-icon
.
cdx-text-input__input
,[
dir
=
ltr
]
.
cdx-text-input--clearable
.
cdx-text-input__input
{
padding-right
:
calc
(
16
px
+
1
rem
)}
[
dir
=
rtl
]
.
cdx-text-input--has-end-icon
.
cdx-text-input__input
,[
dir
=
rtl
]
.
cdx-text-input--clearable
.
cdx-text-input__input
{
padding-left
:
calc
(
16
px
+
1
rem
)}
[
dir
=
ltr
]
.
cdx-text-input--has-end-icon
.
cdx-text-input--clearable
.
cdx-text-input__input
{
padding-right
:
calc
(
24
px
+
2
rem
)}
[
dir
=
rtl
]
.
cdx-text-input--has-end-icon
.
cdx-text-input--clearable
.
cdx-text-input__input
{
padding-left
:
calc
(
24
px
+
2
rem
)}
[
dir
]
.
cdx-text-input--status-error
.
cdx-text-input__input
:
enabled
{
border-color
:
var
(
--border-color-error
,
#9f3526
)}
[
dir
]
.
cdx-text-input--status-error
.
cdx-text-input__input
:
enabled
:
hover
{
border-color
:
var
(
--border-color-error--hover
,
#fc493b
)}
[
dir
]
.
cdx-text-input--status-error
.
cdx-text-input__input
:
enabled
:
focus
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Wed, Aug 19, 09:54 (2 w, 5 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
37/12/abad26e4b971c1a9e039fb4576d1
Default Alt Text
CdxTextInput-bidi.css (5 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment