Page Menu
Home
WickedGov Phorge
Search
Configure Global Search
Log In
Files
F4076271
CdxSelect-rtl.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
CdxSelect-rtl.css
View Options
.
cdx-select
{
box-sizing
:
border-box
;
min-width
:
256
px
;
min-height
:
32
px
;
border-width
:
1
px
;
border-style
:
solid
;
border-radius
:
2
px
;
padding-top
:
4
px
;
padding-bottom
:
4
px
;
padding-right
:
12
px
;
padding-left
:
calc
(
16
px
+
1.25
rem
);
font-size
:
inherit
;
line-height
:
1.375
;
-webkit-
appearance
:
none
;
appearance
:
none
;
background-position
:
center
left
12
px
;
background-repeat
:
no-repeat
;
background-size
:
max
(
.75
rem
,
12
px
)}.
cdx-select
:
disabled
{
background-color
:
var
(
--background-color-disabled-subtle
,
#eaecf0
);
color
:
var
(
--color-disabled
,
#72777d
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
);
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>'
);
opacity
:
1
}.
cdx-select
:
enabled
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
);
color
:
var
(
--color-base
,
#202122
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
);
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.1
s
;
background-image
:
url
(
'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>'
)}.
cdx-select
:
enabled
:
hover
{
background-color
:
var
(
--background-color-base
,
#fff
);
color
:
var
(
--color-base--hover
,
#404244
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
);
cursor
:
pointer
}.
cdx-select
:
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-select
:
enabled
:
active
{
color
:
var
(
--color-emphasized
,
#101418
);
border-color
:
var
(
--border-color-interactive
,
#72777d
)}.
cdx-select-vue
{
display
:
inline-block
;
position
:
relative
}.
cdx-select-vue__handle
{
box-sizing
:
border-box
;
min-width
:
256
px
;
min-height
:
32
px
;
border-width
:
1
px
;
border-style
:
solid
;
border-radius
:
2
px
;
padding-top
:
4
px
;
padding-bottom
:
4
px
;
padding-right
:
12
px
;
padding-left
:
calc
(
16
px
+
1.25
rem
);
font-size
:
inherit
;
line-height
:
1.375
;
position
:
relative
;
width
:
100
%
}.
cdx-select-vue--has-start-icon
.
cdx-select-vue__handle
{
padding-right
:
calc
(
20
px
+
1.25
rem
)}.
cdx-select-vue__start-icon
.
cdx-icon
{
position
:
absolute
;
top
:
50
%
;
min-width
:
20
px
;
min-height
:
20
px
;
width
:
1.25
rem
;
height
:
1.25
rem
;
transition-property
:
color
;
transition-duration
:
.1
s
;
right
:
12
px
;
transform
:
translateY
(
-50
%
)}.
cdx-select-vue__indicator
.
cdx-icon
{
color
:
var
(
--color-base
,
#202122
);
position
:
absolute
;
top
:
50
%
;
min-width
:
12
px
;
min-height
:
12
px
;
width
:
.75
rem
;
height
:
.75
rem
;
transition-property
:
color
;
transition-duration
:
.1
s
;
left
:
12
px
;
transform
:
translateY
(
-50
%
)}.
cdx-select-vue--enabled
.
cdx-select-vue__handle
{
background-color
:
var
(
--background-color-interactive-subtle
,
#f8f9fa
);
color
:
var
(
--color-base
,
#202122
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
);
transition-property
:
background-color
,
color
,
border-color
,
box-shadow
;
transition-duration
:
.1
s
}.
cdx-select-vue--enabled
.
cdx-select-vue__handle
:
hover
{
background-color
:
var
(
--background-color-base
,
#fff
);
color
:
var
(
--color-base--hover
,
#404244
);
border-color
:
var
(
--border-color-base
,
#a2a9b1
);
cursor
:
pointer
}.
cdx-select-vue--enabled
.
cdx-select-vue__handle
:
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-select-vue--enabled
.
cdx-select-vue__handle
:
active
{
color
:
var
(
--color-emphasized
,
#101418
);
border-color
:
var
(
--border-color-interactive
,
#72777d
)}.
cdx-select-vue--enabled
.
cdx-select-vue__handle
:
hover
.
cdx-select-vue__indicator
{
color
:
var
(
--color-base--hover
,
#404244
)}.
cdx-select-vue--enabled
.
cdx-select-vue--expanded
.
cdx-select-vue__handle
{
background-color
:
var
(
--background-color-base
,
#fff
)}.
cdx-select-vue--enabled
.
cdx-select-vue--expanded
.
cdx-select-vue__handle
.
cdx-select-vue__indicator
{
color
:
var
(
--color-base
,
#202122
)}.
cdx-select-vue--disabled
.
cdx-select-vue__handle
{
background-color
:
var
(
--background-color-disabled-subtle
,
#eaecf0
);
color
:
var
(
--color-disabled
,
#72777d
);
border-color
:
var
(
--border-color-disabled
,
#c8ccd1
);
cursor
:
default
}.
cdx-select-vue--disabled
.
cdx-select-vue__indicator
,
.
cdx-select-vue--disabled
.
cdx-select-vue__start-icon
{
color
:
var
(
--color-disabled
,
#72777d
)}.
cdx-select-vue--status-error
.
cdx-select-vue--enabled
.
cdx-select-vue__handle
{
border-color
:
var
(
--border-color-error
,
#9f3526
)}.
cdx-select-vue--status-error
.
cdx-select-vue--enabled
.
cdx-select-vue__handle
:
hover
{
border-color
:
var
(
--border-color-error--hover
,
#fc493b
)}.
cdx-select-vue--status-error
.
cdx-select-vue--enabled
.
cdx-select-vue__handle
:
focus
{
border-color
:
var
(
--border-color-progressive--focus
,
#36c
)}.
cdx-dialog
.
cdx-select-vue
{
position
:
static
}
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Aug 17 2026, 20:21 (9 w, 4 d ago)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
54/13/0f91db6db5c39676ce68d0e93c58
Default Alt Text
CdxSelect-rtl.css (4 KB)
Attached To
Mode
rMWPROD MediaWiki Production
Attached
Detach File
Event Timeline
Log In to Comment