Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4080882
CdxTextArea.css
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
4 KB
Referenced Files
None
Subscribers
None
CdxTextArea.css
View Options
.
cdx-text-area
{
position
:
relative
;
min-width
:
256
px
}.
cdx-text-area
.
cdx-text-area__start-icon
{
position
:
absolute
;
top
:
4
px
;
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.5
rem
;
transition-property
:
color
;
transition-duration
:
.1
s
;
left
:
9
px
}.
cdx-text-area
.
cdx-text-area__end-icon
{
position
:
absolute
;
top
:
4
px
;
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1.5
rem
;
transition-property
:
color
;
transition-duration
:
.1
s
;
right
:
9
px
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-text-area__icon
.
cdx-text-area__start-icon
{
background-position
:
center
;
background-repeat
:
no-repeat
;
background-size
:
max
(
1.25
rem
,
20
px
)}}@
supports
((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
))
{.
cdx-text-area__icon
.
cdx-text-area__start-icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1.25
rem
,
20
px
);
mask-size
:
max
(
1.25
rem
,
20
px
)}}.
cdx-text-area__icon
.
cdx-text-area__end-icon
{
min-width
:
16
px
;
min-height
:
16
px
;
width
:
1
rem
;
height
:
1
rem
;
height
:
1.5
rem
}@
supports
not
(((
-webkit-mask-image
:
none
)
or
(
mask-image
:
none
)))
{.
cdx-text-area__icon
.
cdx-text-area__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-area__icon
.
cdx-text-area__end-icon
{
-webkit-
mask-position
:
center
;
mask-position
:
center
;
-webkit-
mask-repeat
:
no-repeat
;
mask-repeat
:
no-repeat
;
-webkit-
mask-size
:
max
(
1
rem
,
16
px
);
mask-size
:
max
(
1
rem
,
16
px
)}}.
cdx-text-area__textarea
{
display
:
block
;
box-sizing
:
border-box
;
min-height
:
64
px
;
width
:
100
%
;
border-width
:
1
px
;
border-style
:
solid
;
border-radius
:
2
px
;
padding
:
4
px
8
px
;
overflow
:
auto
;
font-family
:
inherit
;
font-size
:
inherit
;
line-height
:
1.4285714
;
resize
:
vertical
}.
cdx-text-area__textarea--is-autosize
{
resize
:
none
;
overflow
:
hidden
}.
cdx-text-area__textarea--is-autosize
::
-webkit-resizer
{
display
:
none
}.
cdx-text-area__textarea
:
enabled
{
background-color
:
var
(
--background-color-base
,
#fff
);
color
:
var
(
--color-base
,
#202122
);
border-color
:
var
(
--border-color-interactive
,
#72777d
);
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-area__textarea
:
enabled
~
.
cdx-text-area__icon-vue
.
cdx-icon
{
color
:
var
(
--color-placeholder
,
#72777d
)}.
cdx-text-area__textarea
:
enabled
~
.
cdx-text-area__icon
{
opacity
:
var
(
--opacity-icon-placeholder
,
.51
)}.
cdx-text-area__textarea
:
enabled
:
hover
{
border-color
:
var
(
--border-color-interactive--hover
,
#27292d
)}.
cdx-text-area__textarea
:
enabled
:
focus
~
.
cdx-text-area__icon-vue
.
cdx-icon
,
.
cdx-text-area__textarea
:
enabled
.
cdx-text-area__textarea--has-value
~
.
cdx-text-area__icon-vue
.
cdx-icon
{
color
:
var
(
--color-subtle
,
#54595d
)}.
cdx-text-area__textarea
:
enabled
:
focus
~
.
cdx-text-area__icon
,
.
cdx-text-area__textarea
:
enabled
.
cdx-text-area__textarea--has-value
~
.
cdx-text-area__icon
{
opacity
:
1
}.
cdx-text-area__textarea
:
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
);
outline
:
1
px
solid
transparent
}.
cdx-text-area__textarea
:
enabled
:
read-only
{
background-color
:
var
(
--background-color-neutral-subtle
,
#f8f9fa
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
)}.
cdx-text-area__textarea
:
disabled
{
background-color
:
var
(
--background-color-disabled-subtle
,
#eaecf0
);
color
:
var
(
--color-disabled
,
#a2a9b1
);
-webkit-
text-fill-color
:
var
(
--color-disabled
,
#a2a9b1
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
)}.
cdx-text-area__textarea
:
disabled
~
.
cdx-text-area__icon-vue
.
cdx-icon
{
color
:
var
(
--color-disabled
,
#a2a9b1
)}.
cdx-text-area__textarea
:
disabled
~
.
cdx-text-area__icon
{
opacity
:
var
(
--opacity-icon-base--disabled
,
.51
)}.
cdx-text-area__textarea
::
placeholder
{
color
:
var
(
--color-placeholder
,
#72777d
);
opacity
:
1
}.
cdx-text-area--has-start-icon
.
cdx-text-area__textarea
{
padding-left
:
calc
(
16
px
+
1.25
rem
)}.
cdx-text-area--has-end-icon
.
cdx-text-area__textarea
{
padding-right
:
calc
(
16
px
+
1
rem
)}.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)
{
background-color
:
var
(
--background-color-error-subtle
,
#ffe9e5
);
color
:
var
(
--color-error
,
#bf3c2c
);
border-color
:
var
(
--border-color-error
,
#f54739
)}.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)
::
placeholder
,
.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)~
.
cdx-text-area__icon-vue
.
cdx-icon
{
color
:
var
(
--color-error
,
#bf3c2c
)}.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)
:
hover
{
background-color
:
var
(
--background-color-error-subtle--hover
,
#ffdad3
);
color
:
var
(
--color-error--hover
,
#9f3526
);
border-color
:
var
(
--border-color-error--hover
,
#9f3526
)}.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)
:
hover
::
placeholder
,
.
cdx-text-area--status-error
.
cdx-text-area__textarea
:
enabled
:
not
(
:
read-only
)
:
not
(
:
focus
)
:
hover
~
.
cdx-text-area__icon-vue
.
cdx-icon
{
color
:
var
(
--color-error--hover
,
#9f3526
)}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Aug 18 2026, 05:48 (8 w, 16 h ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
5d/1c/3b88fe8fc3ae6056b9b495cfae73
Default Alt Text
CdxTextArea.css (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment